autohide toolbars: remove weird --uc-urlbar-top hack
Beta 133 b4 seems to work okay without it and it breaks positioning on nightly
This commit is contained in:
@@ -60,17 +60,12 @@ See the above repository for updates as well as full license text. */
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
:root[sessionrestored] #urlbar[popover]{
|
: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;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transition: transform 135ms linear var(--uc-autohide-toolbar-delay), opacity 0ms calc(var(--uc-autohide-toolbar-delay) + 135ms);
|
transition: transform 135ms linear var(--uc-autohide-toolbar-delay), opacity 0ms calc(var(--uc-autohide-toolbar-delay) + 135ms);
|
||||||
transform-origin: 0px calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2);
|
transform-origin: 0px calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2);
|
||||||
transform: rotateX(89.5deg);
|
transform: rotateX(89.5deg);
|
||||||
}
|
}
|
||||||
#toolbar-menubar:not([inactive]) ~ #nav-bar #urlbar[popover]{
|
|
||||||
top: calc(28px + var(--uc-urlbar-top)) !important;
|
|
||||||
}
|
|
||||||
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
|
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
|
||||||
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
|
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
|
||||||
#urlbar-container > #urlbar[popover]:is([focused],[open]){
|
#urlbar-container > #urlbar[popover]:is([focused],[open]){
|
||||||
|
|||||||
@@ -52,16 +52,11 @@ See the above repository for updates as well as full license text. */
|
|||||||
transition-delay: 0s !important;
|
transition-delay: 0s !important;
|
||||||
}
|
}
|
||||||
:root[sessionrestored] #urlbar[popover]{
|
: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;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
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);
|
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));
|
transform: translateY(var(--uc-navbar-transform));
|
||||||
}
|
}
|
||||||
#toolbar-menubar:not([inactive]) ~ #nav-bar #urlbar[popover]{
|
|
||||||
top: calc(28px + var(--uc-urlbar-top)) !important;
|
|
||||||
}
|
|
||||||
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
|
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
|
||||||
.browser-titlebar:is(:hover,:focus-within) ~ #nav-bar #urlbar[popover],
|
.browser-titlebar:is(:hover,:focus-within) ~ #nav-bar #urlbar[popover],
|
||||||
#nav-bar:is(:hover,:focus-within) #urlbar[popover],
|
#nav-bar:is(:hover,:focus-within) #urlbar[popover],
|
||||||
|
|||||||
@@ -36,17 +36,12 @@ See the above repository for updates as well as full license text. */
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
:root[sessionrestored] #urlbar[popover]{
|
: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;
|
pointer-events: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: transform 82ms linear var(--uc-autohide-toolbox-delay), opacity 0ms calc(var(--uc-autohide-toolbox-delay) + 82ms);
|
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-origin: 0px calc(0px - var(--tab-min-height) - var(--tab-block-margin) * 2);
|
||||||
transform: rotateX(89.9deg);
|
transform: rotateX(89.9deg);
|
||||||
}
|
}
|
||||||
#toolbar-menubar:not([inactive]) ~ #nav-bar #urlbar[popover]{
|
|
||||||
top: calc(28px + var(--uc-urlbar-top)) !important;
|
|
||||||
}
|
|
||||||
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
|
#mainPopupSet:has(> [role="group"][panelopen]) ~ toolbox #urlbar[popover],
|
||||||
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
|
#navigator-toolbox:is(:hover,:focus-within) #urlbar[popover],
|
||||||
#urlbar-container > #urlbar[popover]:is([focused],[open]){
|
#urlbar-container > #urlbar[popover]:is([focused],[open]){
|
||||||
|
|||||||
Reference in New Issue
Block a user