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

Show autohiding toolbars when a window modal dialog is open.

Browse Source 
Toolbar layout properties, notably --urlbar-container-height, is
re-computed when window modal dialog is closed and the values would be
totally incorrect if the toolbars are hidden at that time. This fixes #582
and likely several other issues as well.
This commit is contained in:
MrOtherGuy
2025-10-24 06:01:52 +03:00
parent 4ca42c4c8d
commit 73d183120b
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
chrome/autohide_bookmarks_and_main_toolbars.css
View File

@@ -20,7 +20,7 @@ See the above repository for updates as well as full license text. */
--uc-navbar-height: 0px;
}
/* At least on Windows 10 display scaling > 100% causes 1px gap to appear below tabs depending on Firefox
* density settings and whether or not menubar is enabled.
* density settings and whether or not menubar is enabled.
*/
@media (min-resolution: 120dpi){
:root[uidensity="compact"] #navigator-toolbox:has(> #toolbar-menubar:is([autohide="false"],not([autohide]))){
@@ -80,6 +80,7 @@ See the above repository for updates as well as full license text. */
transform-origin: 0px calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2);
transform: rotateX(89.5deg);
}
:root[window-modal-open] #urlbar[popover],
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts,#selection-shortcut-action-panel,#chat-shortcuts-options-panel,#tab-preview-panel)) ~ toolbox #urlbar[popover],
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
@@ -113,6 +114,12 @@ See the above repository for updates as well as full license text. */
/* Selected tab needs higher z-index now to "hide" the broder below it */
.tabbrowser-tab[selected]{ z-index: 3 !important; }
/* Show toolbars when a window modal dialog is open, otherwise toolbar layout breaks after closing the dialog */
:root[window-modal-open] :is(#nav-bar,#PersonalToolbar){
transition-delay: 100ms !important;
transform: rotateX(0);
}
/* SELECT TOOLBAR BEHAVIOR */
/* Comment out or delete one of these to disable that behavior */

4
chrome/autohide_toolbox.css
View File

@@ -42,6 +42,8 @@ See the above repository for updates as well as full license text. */
transform-origin: 0px calc(0px - var(--tab-min-height) - var(--tab-block-margin) * 2);
transform: rotateX(89.9deg);
}
:root[window-modal-open] #urlbar[popover],
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts,#selection-shortcut-action-panel,#chat-shortcuts-options-panel,#tab-preview-panel)) ~ toolbox #urlbar[popover],
#navigator-toolbox:is(:hover,:focus-within,[movingtab]) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
@@ -50,6 +52,8 @@ See the above repository for updates as well as full license text. */
transition-delay: 33ms;
transform: rotateX(0deg);
}
:root[window-modal-open] #navigator-toolbox,
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts,#selection-shortcut-action-panel,#chat-shortcuts-options-panel,#tab-preview-panel)) ~ toolbox,
#navigator-toolbox:has(#urlbar:is([open],[focus-within])),
#navigator-toolbox:is(:hover,:focus-within,[movingtab]){