mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 10:41:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Tabs on Bottom - window control at fullscreen, reduced window

Browse source
This commit is contained in:
alstjr7375 2022-03-26 22:21:26 +09:00
parent ad525a2428
commit ceb22a55a9
2 changed files with 35 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/tabbar/_tabs_on_bottom.scss
View file

@ -115,12 +115,10 @@ See the above repository for updates as well as full license text. */
} }
:root:is([tabsintitlebar], [sizemode="fullscreen"]) { :root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-control-width: 84px; /* 84px is default value of linux */ --uc-window-control-width: 84px; /* 84px is default value of linux */
--uc-window-drag-space-pre: 30px;
--uc-window-drag-space-post: 25px; --uc-window-drag-space-post: 25px;
} }
:root[tabsintitlebar] { :root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) {
--uc-window-drag-space-pre: 30px;
}
:root[tabsintitlebar][sizemode="maximized"] {
--uc-window-drag-space-pre: 0px; /* Remove pre space */ --uc-window-drag-space-pre: 0px; /* Remove pre space */
} }
@ -202,6 +200,9 @@ See the above repository for updates as well as full license text. */
width: 100%; width: 100%;
overflow: hidden; 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 { #toolbar-menubar > .titlebar-buttonbox-container {
height: 100%; height: 100%;
@ -221,7 +222,14 @@ See the above repository for updates as well as full license text. */
--toolbarbutton-inner-padding: 3px; --toolbarbutton-inner-padding: 3px;
} }
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) #TabsToolbar > .titlebar-buttonbox-container { #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container {
height: var(--uc-menubar-container-height); 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;
}
} }

28
userChrome.css
View file

@ -3613,14 +3613,11 @@
:root:is([tabsintitlebar], [sizemode="fullscreen"]) { :root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-control-width: 84px; --uc-window-control-width: 84px;
/* 84px is default value of linux */ /* 84px is default value of linux */
--uc-window-drag-space-pre: 30px;
--uc-window-drag-space-post: 25px; --uc-window-drag-space-post: 25px;
} }
:root[tabsintitlebar] { :root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) {
--uc-window-drag-space-pre: 30px;
}
:root[tabsintitlebar][sizemode="maximized"] {
--uc-window-drag-space-pre: 0px; --uc-window-drag-space-pre: 0px;
/* Remove pre space */ /* Remove pre space */
} }
@ -3709,6 +3706,11 @@
overflow: hidden; 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 { #toolbar-menubar > .titlebar-buttonbox-container {
height: 100%; height: 100%;
order: 100; order: 100;
@ -3728,9 +3730,23 @@
--toolbarbutton-inner-padding: 3px; --toolbarbutton-inner-padding: 3px;
} }
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) #TabsToolbar > .titlebar-buttonbox-container { #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container {
height: var(--uc-menubar-container-height); 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;
}
} }
} }
/*= Tab Bar - Connect to window ==============================================*/ /*= Tab Bar - Connect to window ==============================================*/