fix: restore sticky position of sidebar and table of contents

acid-info · Jul 4, 2023 · de2d435 · de2d435
1 parent 119c836
commit de2d435
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/HeroVideo/HeroVideo.tsx
@@ -43,9 +43,20 @@ export const HeroVideo: React.FC<HeroVideoProps> = ({
     await play()
   }
 
-  const onEnded = async () => {
-    await play()
-  }
+  const onEnded = () => play()
+
+  const onLoadedMetadata = () => play()
+
+  useEffect(() => {
+    const root = document.querySelector<HTMLDivElement>('#__docusaurus')
+    if (!root) return
+
+    root.classList.add('overflow-hidden')
+
+    return () => {
+      root.classList.remove('overflow-hidden')
+    }
+  }, [])
 
   return (
     <>
@@ -75,6 +86,7 @@ export const HeroVideo: React.FC<HeroVideoProps> = ({
             autoPlay
             onEnded={onEnded}
             onCanPlay={onCanPlay}
+            onLoadedMetadata={onLoadedMetadata}
             ref={ref}
           >
             {children}

diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss
@@ -1213,7 +1213,7 @@ code {
   overflow: auto;
 }
 
-#__docusaurus {
+.overflow-hidden {
   overflow: hidden;
 }