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

autohiding nav-bar: Replace :has(> [role="group"][panelopen])

Browse Source 
Let's instead use :has(> [panelopen]:not(#ask-chat-shortcuts)) which
allows a lot more of the panels to keep nav-bar visible
This commit is contained in:
MrOtherGuy
2024-12-07 17:18:55 +02:00
parent 902bbd4458
commit fec968c9de
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
chrome/autohide_bookmarks_and_main_toolbars.css
View File

@@ -66,7 +66,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);
}
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts)) ~ toolbox #urlbar[popover],
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
opacity: 1;
@@ -100,7 +100,7 @@ See the above repository for updates as well as full license text. */
.tabbrowser-tab[selected]{ z-index: 3 !important; }
/* Show when cursor is over main menu popup - this requires :has selector support */
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox > .browser-toolbar{
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts)) ~ toolbox > .browser-toolbar{
transition-delay: 100ms !important;
transform: rotateX(0);
}

4
chrome/autohide_main_toolbar.css
View File

@@ -57,7 +57,7 @@ See the above repository for updates as well as full license text. */
transition: transform var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay), opacity var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay);
transform: translateY(var(--uc-navbar-transform));
}
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts)) ~ toolbox #urlbar[popover],
.browser-titlebar:is(:hover,:focus-within) ~ #nav-bar #urlbar[popover],
#nav-bar:is(:hover,:focus-within) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
@@ -70,7 +70,7 @@ See the above repository for updates as well as full license text. */
transition-duration: 100ms; /* Faster when focused */
}
/* This ruleset is separate, because not having :has support breaks other selectors as well */
#mainPopupSet:has(> [role="group"][panelopen]) ~ #navigator-toolbox > .browser-toolbar{
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts)) ~ #navigator-toolbox > .browser-toolbar{
transition-delay: 33ms !important;
transform: translateY(0);
opacity: 1;

4
chrome/autohide_toolbox.css
View File

@@ -41,7 +41,7 @@ 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);
}
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts)) ~ toolbox #urlbar[popover],
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
pointer-events: auto;
@@ -49,7 +49,7 @@ See the above repository for updates as well as full license text. */
transition-delay: 33ms;
transform: rotateX(0deg);
}
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox,
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts)) ~ toolbox,
#navigator-toolbox:has(#urlbar:is([open],[focus-within])),
#navigator-toolbox:hover,
#navigator-toolbox:focus-within{