mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-11-09 19:30:15 +00:00
59 lines
1.9 KiB
CSS
59 lines
1.9 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* Menubar on top patch - use with tabs_on_bottom.css */
|
|
/* Only really useful if menubar is ALWAYS visible */
|
|
|
|
:root:not([sizemode="fullscreen"]){ --uc-window-control-width: 0px !important }
|
|
|
|
:root{
|
|
/* height if native titlebar is enabled, assumes empty menubar */
|
|
--uc-menubar-height: 20px;
|
|
}
|
|
:root[tabsintitlebar]{
|
|
/* height when native titlebar is disabled, more roomy so can fit buttons etc. */
|
|
--uc-menubar-height: 29px;
|
|
}
|
|
:root:is([sizemode="fullscreen"],[chromehidden~="menubar"]){
|
|
--uc-menubar-height: 0px;
|
|
}
|
|
/* Since menubar is statically at top, remove fake drag-space that might be set by window_control_placeholder_support.css */
|
|
:root:not([sizemode="fullscreen"]) #nav-bar{ border-inline-width: 0 }
|
|
|
|
#navigator-toolbox{
|
|
-moz-window-dragging: drag;
|
|
padding-top: var(--uc-menubar-height) !important;
|
|
}
|
|
|
|
/* Remove window dragging from notification boxes */
|
|
#tab-notification-deck,
|
|
.global-notificationbox{
|
|
-moz-window-dragging: no-drag;
|
|
}
|
|
|
|
#toolbar-menubar{
|
|
position: fixed;
|
|
display: flex;
|
|
top: 0px;
|
|
height: var(--uc-menubar-height);
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#toolbar-menubar > .titlebar-buttonbox-container{ height: 100%; order: 100; }
|
|
|
|
#toolbar-menubar > [flex]{ flex-grow: 100; }
|
|
#toolbar-menubar > spacer[flex]{
|
|
order: 99;
|
|
flex-grow: 1;
|
|
min-width: var(--uc-window-drag-space-post,20px);
|
|
}
|
|
|
|
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
|
|
|
|
:root:not([sizemode="fullscreen"]) #toolbar-menubar.browser-toolbar > .titlebar-buttonbox-container{
|
|
visibility: visible;
|
|
}
|
|
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) #TabsToolbar#TabsToolbar#TabsToolbar > .titlebar-buttonbox-container {
|
|
display: none !important;
|
|
}
|