Add: Fullscreen - Overlap toolbar

This commit is contained in:
alstjr7375 2022-03-02 22:29:10 +09:00
parent 8977103774
commit f30da495a1

View file

@ -2696,6 +2696,7 @@ menuitem.openintabs-menuitem,
#navigator-toolbox {
/* Full screen out */
transition: margin-top 1s ease;
transform-origin: top;
}
#navigator-toolbox[inFullscreen="true"] {
/* Full screen enter */
@ -3848,6 +3849,22 @@ tab[visuallyselected] > stack::after {
display: none !important;
}
/** Fullscreen - Overlap toolbar **********************************************/
:root[sizemode="fullscreen"] #navigator-toolbox {
position: fixed !important; /* Needed for content to take up entire height */
display: block !important; /* Needed for content to take up entire height */
z-index: 1000 !important; /* Puts the UI above the content */
}
:root[sizemode="fullscreen"] :-moz-any(#navigator-toolbox, #titlebar, #nav-bar, #PersonalToolbar) {
width: 100%; /* Makes the UI take up the entire width */
}
:root:not([sizemode="fullscreen"]) #PersonalToolbar[initialized="true"]:not([collapsed="true"]),
:root[sizemode="fullscreen"] #PersonalToolbar[initialized="true"] {
visibility: unset !important; /* Makes the bookmarks toolbar visible if enabled */
}
/** Library - Icons Replace ***************************************************/
/*= Standard Folder - More Visible ===========================================*/
/* on Toolbar and Menus */