Skip to content

Commit 0c9ca95

Browse files
committed
Rearrange z-indexing within the Navigation & SidebarLayout to fix overlay glitch with the docson component
1 parent 2c29792 commit 0c9ca95

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

components/Navigation.re

+2-2
Original file line numberDiff line numberDiff line change
@@ -471,7 +471,7 @@ let make = (~fixed=true, ~overlayState: (bool, (bool => bool) => unit)) => {
471471
[||],
472472
);
473473

474-
let fixedNav = fixed ? "fixed z-20 top-0" : "";
474+
let fixedNav = fixed ? "fixed z-30 top-0" : "";
475475

476476
<nav
477477
ref={ReactDOMRe.Ref.domRef(outerRef)}
@@ -587,7 +587,7 @@ let make = (~fixed=true, ~overlayState: (bool, (bool => bool) => unit)) => {
587587
style={Style.make(~minWidth, ~top="4.5rem", ())}
588588
className={
589589
(isOverlayOpen ? "flex" : "hidden")
590-
++ " sm:hidden flex-col fixed top-0 left-0 h-full w-full z-20 sm:w-9/12 bg-gray-100 sm:h-auto sm:flex sm:relative sm:flex-row sm:justify-between"
590+
++ " sm:hidden flex-col fixed top-0 left-0 h-full w-full z-30 sm:w-9/12 bg-gray-100 sm:h-auto sm:flex sm:relative sm:flex-row sm:justify-between"
591591
}>
592592
<MobileNav route />
593593
</div>

layouts/SidebarLayout.re

+2-2
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ module Sidebar = {
164164
<div
165165
id="sidebar"
166166
className={
167-
(isOpen ? "fixed w-full left-0 h-full z-10 min-w-320" : "hidden ")
167+
(isOpen ? "fixed w-full left-0 h-full z-20 min-w-320" : "hidden ")
168168
++ " md:block md:w-48 md:-ml-4 lg:w-1/4 md:h-auto md:relative overflow-y-visible bg-white md:relative"
169169
}
170170
style={Style.make(~minWidth="12.9375rem", ())}>
@@ -306,7 +306,7 @@ let make =
306306
<main
307307
className="px-6 w-full md:ml-12 md:mx-8 pt-16 md:mt-2 md:pt-24 mb-32 text-lg max-w-705">
308308
<div
309-
className="fixed border-b shadow top-18 left-0 pl-4 bg-white w-full py-4 md:relative md:border-none md:shadow-none md:p-0 md:top-auto flex items-center">
309+
className="z-10 fixed border-b shadow top-18 left-0 pl-4 bg-white w-full py-4 md:relative md:border-none md:shadow-none md:p-0 md:top-auto flex items-center">
310310
<MobileDrawerButton
311311
hidden=isNavOpen
312312
onClick={evt => {

0 commit comments

Comments
 (0)