Use visibility instead of display to fix wobble

main
Jonathan Dahan 12 months ago
parent a712729b15
commit 8ca6d57c87

@ -35,7 +35,7 @@ header {
margin: 0; margin: 0;
/* turn the menu into a dynamic one for highly vertical devices */ /* turn the menu into a dynamic one for highly vertical devices */
@media (orientation: portrait) { @media (orientation: portrait) {
& li { display: none; transition: display 3s ease } & li { transition: display 3s ease; visibility: collapse }
/* TODO: try this /* TODO: try this
transition: opacity 1s ease-out; transition: opacity 1s ease-out;
opacity: 0; opacity: 0;
@ -45,8 +45,8 @@ header {
opacity: 1; opacity: 1;
height: auto; height: auto;
*/ */
& li.active { display: inherit } & li.active { visibility: inherit }
&:hover li { display: block } &:hover li { visibility: initial }
} }
} }
} }

Loading…
Cancel
Save