diff --git a/app/assets/stylesheets/tooltips.css b/app/assets/stylesheets/tooltips.css index 353599ab4..9df7b7067 100644 --- a/app/assets/stylesheets/tooltips.css +++ b/app/assets/stylesheets/tooltips.css @@ -2,7 +2,6 @@ .tooltip { --tooltip-delay: 750ms; --tooltip-duration: 150ms; - --tooltip-offset: -85%; .for-screen-reader { background: var(--color-ink); @@ -15,18 +14,18 @@ opacity: 0; padding: 0.25ch 1ch; transition: var(--tooltip-duration) ease-out allow-discrete; - transition-property: opacity, translate; - translate: -50% var(--tooltip-offset); + transition-property: opacity; + translate: -50% -100%; text-overflow: ellipsis; &.orient-right { inset-inline-start: 0; - translate: 0 var(--tooltip-offset); + translate: 0 -100%; } &.orient-left { inset-inline-end: 0; - translate: 0 var(--tooltip-offset); + translate: 0 -100%; } }