Browse Source

fix: remove context bar fade effects

Konstantinos Kaloutas 3 years ago
parent
commit
49ee95de21

+ 1 - 12
tldraw/packages/react/src/components/ContextBarContainer/ContextBarContainer.tsx

@@ -56,22 +56,11 @@ export const ContextBarContainer = observer(function ContextBarContainer<S exten
     BoundsUtils.boundsContain(vpBounds, screenBounds) ||
     BoundsUtils.boundsCollide(vpBounds, screenBounds)
 
-  React.useLayoutEffect(() => {
-    const elm = rBounds.current
-    if (!elm) return
-    if (hidden || !inView) {
-      elm.classList.add('tl-fade-out')
-      elm.classList.remove('tl-fade-in')
-    } else {
-      elm.classList.add('tl-fade-in')
-      elm.classList.remove('tl-fade-out')
-    }
-  }, [hidden, inView])
 
   return (
     <div
       ref={rBounds}
-      className="tl-counter-scaled-positioned tl-fade-out"
+      className="tl-counter-scaled-positioned"
       aria-label="context-bar-container"
       onPointerMove={stopEventPropagation}
       onPointerUp={stopEventPropagation}