From 402e8312cdaa99005865e28506b06362acfec867 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Mon, 22 Sep 2025 16:33:16 -0500
Subject: [PATCH] Only transition opacity

---
 app/assets/stylesheets/tooltips.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

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%;
       }
     }