mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2025-12-30 06:00:24 -08:00
111 lines
3.8 KiB
SCSS
111 lines
3.8 KiB
SCSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/*= Tabbar - Move to bottom ==================================================*/
|
|
#titlebar{
|
|
order: 2; /* When userChrome.fullscreen.overlap */
|
|
-moz-box-ordinal-group: 2;
|
|
--tabs-navbar-shadow-size: 0px;
|
|
}
|
|
#tab-notification-deck {
|
|
order: 2; /* When userChrome.fullscreen.overlap */
|
|
-moz-box-ordinal-group: 2;
|
|
}
|
|
|
|
#TabsToolbar .titlebar-spacer {
|
|
display: none;
|
|
}
|
|
|
|
#TabsToolbar-customization-target > .toolbarbutton-1:last-child {
|
|
padding-inline-end: var(--toolbar-start-end-padding, 8px);
|
|
}
|
|
|
|
@include Option("userChrome.tab.on_bottom.above_bookmark") {
|
|
#PersonalToolbar {
|
|
order: 2; /* When userChrome.fullscreen.overlap */
|
|
-moz-box-ordinal-group: 2;
|
|
}
|
|
}
|
|
@include NotOption("userChrome.tab.on_bottom.above_bookmark") {
|
|
@include Option("userChrome.tab.connect_to_window") {
|
|
@include Option("userChrome.tab.color_like_toolbar") {
|
|
#navigator-toolbox {
|
|
border-bottom-color: var(--toolbar-bgcolor) !important; /* Original: 1px solid var(--chrome-content-separator-color); */
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*= Menubar - Always on top ==================================================*/
|
|
@include Option("userChrome.tab.on_bottom.menubar_on_top") {
|
|
/* 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. */
|
|
|
|
:root {
|
|
/* height if native titlebar is enabled, assumes empty menubar */
|
|
--uc-menubar-height: 20px;
|
|
--uc-menubar-padding: 1px; /* FF's menubar padding */
|
|
--uc-menubar-container-height: calc(var(--uc-menubar-height) - (2 * var(--uc-menubar-padding)));
|
|
}
|
|
:root[tabsintitlebar] {
|
|
/* height when native titlebar is disabled, more roomy so can fit buttons etc. */
|
|
--uc-menubar-height: 30px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
/* 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;
|
|
}
|
|
:root[sizemode="fullscreen"] #navigator-toolbox {
|
|
padding-top: 0px !important;
|
|
}
|
|
#toolbar-menubar {
|
|
position: fixed;
|
|
display: flex;
|
|
top: var(--uc-titlebar-padding);
|
|
height: var(--uc-menubar-height);
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
:root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) {
|
|
height: var(--uc-menubar-height) !important; /* calc(var(--tab-min-height) + 2 * var(--tab-block-margin)) */
|
|
}
|
|
|
|
#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);
|
|
}
|
|
|
|
#toolbar-menubar .toolbarbutton-1 {
|
|
--toolbarbutton-inner-padding: 3px;
|
|
}
|
|
|
|
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
|
#TabsToolbar > .titlebar-buttonbox-container {
|
|
height: var(--uc-menubar-container-height);
|
|
}
|
|
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) #toolbar-menubar:not([autohide="true"]) + #TabsToolbar > .titlebar-buttonbox-container{
|
|
visibility: collapse !important;
|
|
}
|
|
:root:not([chromehidden~="menubar"]):not([sizemode="fullscreen"]) #toolbar-menubar:not([autohide="true"]) .titlebar-buttonbox-container {
|
|
visibility: visible;
|
|
}
|
|
}
|