Skip to content

Commit f7acf63

Browse files
committed
fix: reset UA popover positioning at desktop so nav stays in flex flow
The browser applies position:fixed and other styles to [popover] elements. At desktop we need the nav as a normal flex child, so explicitly reset position:static, inset:auto, etc.
1 parent 88fa06f commit f7acf63

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

src/design/layout.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,6 +100,15 @@
100100
@media (min-width: 36rem) {
101101
#primary-nav:not(:popover-open) {
102102
display: block;
103+
position: static;
104+
inset: auto;
105+
width: auto;
106+
height: auto;
107+
margin: 0;
108+
padding: 0;
109+
border: none;
110+
background: none;
111+
overflow: visible;
103112
}
104113
}
105114
@media (max-width: 36rem) {

0 commit comments

Comments
 (0)