Merge pull request #69 from vtexdocs/style/header-consider-modal

Style/header consider modal
vtexdocs · Aug 29, 2022 · 8488086 · 8488086
2 parents 969ad71 + 17c534e
commit 8488086
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -66,7 +66,7 @@
       "path": "./node_modules/cz-conventional-changelog"
     },
     "rapidoc": {
-      "version": "1.0.7-vtex"
+      "version": "1.0.7-vtex-6-g1ac290e"
     }
   },
   "resolutions": {

diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
@@ -44,9 +44,17 @@ const Header = () => {
 
     const observer = new MutationObserver(() => {
       modalOpen.current = !modalOpen.current
+      if (headerElement.current) {
+        if (modalOpen.current) {
+          const headerHeight = headerElement.current.children[0].clientHeight
+          headerElement.current.style.top = `-${headerHeight}px`
+        } else {
+          headerElement.current.style.top = '0'
+        }
+      }
     })
     observer.observe(body, {
-      attributeFilter: ['class'],
+      attributeFilter: ['style'],
     })
   }, [])