Only transition opacity

2025-09-22 16:33:16 -05:00
parent a1758112e9
commit 402e8312cd
1 changed files with 4 additions and 5 deletions
@@ -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%;
      }
    }