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

autohide bookmarks and main toolbar: apply separate transform to urlbar

Browse Source 
This makes popover urlbar sort of work - for now. Fixes #436
This commit is contained in:
MrOtherGuy
2024-10-29 21:24:29 +02:00
parent 7baf1d3fbe
commit 56e83df95b
1 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
chrome/autohide_bookmarks_and_main_toolbars.css
View File

@@ -26,13 +26,14 @@ See the above repository for updates as well as full license text. */
#tabbrowser-tabbox{
z-index: auto !important;
}
:root[sessionrestored] #nav-bar,
:root[sessionrestored] #PersonalToolbar{
background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)), var(--lwt-additional-images,var(--toolbar-bgimage)) !important;
background-position: top,var(--lwt-background-alignment);
background-position-y: calc(0px - var(--tab-min-height) - 2*var(--tab-block-margin,0px));
background-repeat: repeat,var(--lwt-background-tiling);
transform: rotateX(89.9deg);
transform: rotateX(90deg);
transform-origin: top;
transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 2;
@@ -58,6 +59,19 @@ See the above repository for updates as well as full license text. */
transform-origin: 0px var(--uc-navbar-height);
position: relative;
}
:root[sessionrestored] #urlbar[popover]{
visibility: hidden;
transition: transform 135ms linear var(--uc-autohide-toolbar-delay), visibility 0ms calc(var(--uc-autohide-toolbar-delay) + 135ms);
transform-origin: 0px calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2);
transform: rotateX(89.5deg);
}
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox #urlbar[popover],
#navigator-toolbox:hover #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){
visibility: visible;
transition-delay: 100ms;
transform: rotateX(0deg);
}
:root[sessionrestored]:not([customizing]) #navigator-toolbox{
margin-bottom: calc(-1px - var(--uc-bm-height) + var(--uc-navbar-height));
@@ -113,7 +127,7 @@ See the above repository for updates as well as full license text. */
/* This makes the tab notification box show immediately below tabs, otherwise it would break the layout */
#navigator-toolbox > div{ display: contents }
:where(#titlebar,#tab-notification-deck,.global-notificationbox){
:where(#titlebar,#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox){
order: -1;
}
:root[BookmarksToolbarOverlapsBrowser] #navigator-toolbox{