cleaned out unused files + fixed tooltip breakage due to quick toggle…

… + added intent delay
HumanSignal · Mar 7, 2025 · 93aa9f4 · 93aa9f4
1 parent b06aaa8
commit 93aa9f4
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 112 deletions.
diff --git a/web/apps/labelstudio/src/utils/transition.js b/web/apps/labelstudio/src/utils/transition.js
diff --git a/web/libs/core/src/lib/utils/transition.ts b/web/libs/core/src/lib/utils/transition.ts
@@ -25,12 +25,14 @@ export const aroundTransition = (
 
       element.removeEventListener("transitionstart", onTransitionStarted);
       element.removeEventListener("transitionend", onTransitionEnded);
+      element.removeEventListener("transitioncancel", onTransitionEnded);
       resolve();
     };
 
     if (element) {
       element.addEventListener("transitionstart", onTransitionStarted);
       element.addEventListener("transitionend", onTransitionEnded);
+      element.addEventListener("transitioncancel", onTransitionEnded);
     }
 
     await beforeTransition?.(element);

diff --git a/web/libs/datamanager/src/utils/transition.js b/web/libs/datamanager/src/utils/transition.js
diff --git a/web/libs/editor/src/components/TopBar/TopBar.jsx b/web/libs/editor/src/components/TopBar/TopBar.jsx
@@ -49,7 +49,9 @@ export const TopBar = observer(({ store }) => {
             </Tooltip>
           )}
           {store.hasInterface("annotations:add-new") && (
-            <Tooltip alignment="top-left" title="Create a new annotation">
+            <Tooltip alignment="top-left" title="Create a new annotation"
+              style={{ "--offset-x": "11px" }}
+              >
               <Button
                 icon={<LsPlus />}
                 className={"topbar__button"}

diff --git a/web/libs/editor/src/utils/transition.ts b/web/libs/editor/src/utils/transition.ts
diff --git a/web/libs/ui/src/lib/Tooltip/Tooltip.module.scss b/web/libs/ui/src/lib/Tooltip/Tooltip.module.scss
@@ -1,4 +1,5 @@
 .tooltip {
+  --transition-delay: 150ms;
   --animation-duration: 100ms;
   --animation-curve: cubic-bezier(0.21, 1.04, 0.68, 1);
   --animation-start: -10px;
@@ -32,6 +33,7 @@
 
   &.before-appear,
   &.before-disappear {
+    transition-delay: var(--transition-delay);
     transition-property: opacity, transform;
     transition-duration: var(--animation-duration);
     transition-timing-function: var(--animation-curve);