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

autohide toolbox: use transform instead of visibility changes on urlbar

Browse Source
This commit is contained in:
MrOtherGuy
2024-10-31 17:32:14 +02:00
parent b563a37cec
commit 3f6b82c235
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
chrome/autohide_toolbox.css
View File

@@ -35,12 +35,25 @@ See the above repository for updates as well as full license text. */
z-index: 1;
pointer-events: none;
}
#urlbar{
visibility: hidden;
:root[sessionrestored] #urlbar[popover]{
--uc-urlbar-top: calc(var(--tab-min-height) + (var(--tab-block-margin) * 2) + ((var(--urlbar-container-height) - var(--urlbar-height)) / 2));
top: var(--uc-urlbar-top) !important;
pointer-events: none;
opacity: 0;
transition: transform 82ms linear var(--uc-autohide-toolbox-delay), opacity 0ms calc(var(--uc-autohide-toolbox-delay) + 82ms);
transform-origin: 0px calc(0px - var(--tab-min-height) - var(--tab-block-margin) * 2);
transform: rotateX(89.9deg);
}
#urlbar:is([open],[breakout-extend]),
#navigator-toolbox:hover #urlbar{
visibility: visible;
#toolbar-menubar:not([inactive]) ~ #nav-bar #urlbar[popover]{
top: calc(28px + var(--uc-urlbar-top)) !important;
}
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox #urlbar[popover],
#navigator-toolbox:hover #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
pointer-events: auto;
opacity: 1;
transition-delay: 82ms;
transform: rotateX(0deg);
}
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
#navigator-toolbox:has(#urlbar:is([open],[focus-within])),