mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-11-13 21:00:16 +00:00
51 lines
2 KiB
CSS
51 lines
2 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_below_content.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
|
|
/* IMPORTANT */
|
|
/*
|
|
Get window_control_placeholder_support.css
|
|
Window controls will be all wrong without it.
|
|
|
|
Additionally on Linux, you may need to get:
|
|
linux_gtk_window_control_patch.css
|
|
|
|
*/
|
|
|
|
.titlebar-buttonbox-container{
|
|
position: fixed;
|
|
display: block;
|
|
top:0;
|
|
right:0;
|
|
height: 40px;
|
|
z-index: 3;
|
|
visibility: visible !important;
|
|
}
|
|
|
|
:root[inFullscreen] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }
|
|
|
|
:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
|
|
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
|
|
|
|
/* Re-adjust window cotrols if menubar is permanently enabled */
|
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); }
|
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
|
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
|
|
|
|
#titlebar{ -moz-appearance: none !important; }
|
|
/* Counteract -moz-appearance when maximized */
|
|
:root[sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
|
|
:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
|
|
|
|
/* Move tabs below content */
|
|
:root:not([inDOMFullscreen]) #content-deck,
|
|
:root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) }
|
|
#TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) }
|
|
#TabsToolbar-customization-target{ width: 100vw; }
|
|
|
|
/* Hide stuff that doesn't make sense with tabs below content */
|
|
#TabsToolbar > .titlebar-buttonbox-container,
|
|
#window-controls, /* Fullscreen window controls */
|
|
#TabsToolbar .titlebar-spacer{
|
|
display: none !important;
|
|
}
|