tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tabs below content: improve fullscreen mode styling

Browse Source 
Previously we just had a 1px margin when toolbars get autohidden to
allow hovering. This patch replaces it with an invisible 1px box so
content area is actually fullscreen.
This commit is contained in:
MrOtherGuy
2024-07-13 09:19:37 +03:00
parent bd3257fc33
commit bdc9f38194
1 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
chrome/tabs_below_content.css
View File

@@ -87,7 +87,25 @@ linux_gtk_window_control_patch.css
@media (-moz-bool-pref: "browser.fullscreen.autohide"){
#main-window[inFullscreen]:not([inDOMFullscreen]) > body::after{
margin-bottom: 1px;
margin-bottom: 0px;
}
:root[sizemode="fullscreen"] #TabsToolbar{
visibility: hidden;
transition: visibility 0s linear 100ms;
}
#mainPopupSet:has(> #tabContextMenu:hover) ~ #navigator-toolbox #TabsToolbar,
:root[sizemode="fullscreen"]:not([inDOMFullscreen]) #TabsToolbar:hover{
transition-delay: 0ms;
visibility: visible;
}
:root[sizemode="fullscreen"]:not([inDOMFullscreen]) #TabsToolbar::after{
content: "";
position: absolute;
bottom: 0;
height: 1px;
width: 100%;
z-index: 1;
visibility: visible;
}
:root[inFullscreen] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
}
}