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

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

View file

@ -115,12 +115,10 @@ See the above repository for updates as well as full license text. */
}
:root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-control-width: 84px; /* 84px is default value of linux */
--uc-window-drag-space-pre: 30px;
--uc-window-drag-space-post: 25px;
}
:root[tabsintitlebar] {
--uc-window-drag-space-pre: 30px;
}
:root[tabsintitlebar][sizemode="maximized"] {
:root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) {
--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%;
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%;
@ -221,7 +222,14 @@ See the above repository for updates as well as full license text. */
--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);
}
: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;
}
}

View file

@ -3613,14 +3613,11 @@
:root:is([tabsintitlebar], [sizemode="fullscreen"]) {
--uc-window-control-width: 84px;
/* 84px is default value of linux */
--uc-window-drag-space-pre: 30px;
--uc-window-drag-space-post: 25px;
}
:root[tabsintitlebar] {
--uc-window-drag-space-pre: 30px;
}
:root[tabsintitlebar][sizemode="maximized"] {
:root:is([tabsintitlebar][sizemode="maximized"], [sizemode="fullscreen"]) {
--uc-window-drag-space-pre: 0px;
/* Remove pre space */
}
@ -3709,6 +3706,11 @@
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;
@ -3728,9 +3730,23 @@
--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);
}
: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 ==============================================*/