Files
firefox-csshacks/chrome/overlay_fullscreen_toolbars.css
MrOtherGuy 31cb27a5d8 Don't depend on [inFullscreen] attribute for navigator-toolbox
Just use :root[sizemode="fullscreen"] instead
2024-05-16 05:23:04 +03:00

20 lines
881 B
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_fullscreen_toolbars.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Makes toolbars appear as overlay instead of pushing down the website in fullscreen mode */
@media (-moz-bool-pref: "browser.fullscreen.autohide"){
:root[sizemode="fullscreen"] #navigator-toolbox{
position: fixed !important;
width: 100vw;
z-index: 1;
transition: margin-top 100ms ease-in-out 600ms;
}
:root[sizemode="fullscreen"] #navigator-toolbox[style=""],
:root[sizemode="fullscreen"] #navigator-toolbox:hover,
:root[sizemode="fullscreen"] #navigator-toolbox:focus-within,
#mainPopupSet:has(> #appMenu-popup[panelopen="true"]) ~ #navigator-toolbox{
transition-delay: 0ms;
margin-top: 0 !important;
}
}