Add [customtitlebar] as alternative to [tabsintitlebar]
This commit is contained in:
@@ -17,7 +17,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
order: -1;
|
order: -1;
|
||||||
margin-inline: 2px var(--uc-window-drag-space-pre,24px) !important;
|
margin-inline: 2px var(--uc-window-drag-space-pre,24px) !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] #nav-bar{
|
:root:is([tabsintitlebar],[customtitlebar]) #nav-bar{
|
||||||
border-left-width: 0px;
|
border-left-width: 0px;
|
||||||
padding-left: 0px !important;
|
padding-left: 0px !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -49,7 +49,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
content: "";
|
content: "";
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar]:not([customizing]) .urlbar-input-container::before{
|
:root:is([tabsintitlebar],[customtitlebar]):not([customizing]) .urlbar-input-container::before{
|
||||||
left: var(--uc-window-drag-space-width);
|
left: var(--uc-window-drag-space-width);
|
||||||
width: calc(100vw - var(--uc-window-control-width) - var(--uc-buttons-width) - 2 * var(--uc-window-drag-space-width));
|
width: calc(100vw - var(--uc-window-control-width) - var(--uc-buttons-width) - 2 * var(--uc-window-drag-space-width));
|
||||||
}
|
}
|
||||||
@@ -61,7 +61,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
pointer-events: none
|
pointer-events: none
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] .browser-titlebar,
|
:root:is([tabsintitlebar],[customtitlebar]) .browser-titlebar,
|
||||||
#titlebar{
|
#titlebar{
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
will-change: unset !important;
|
will-change: unset !important;
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
|
:root:is([tabsintitlebar],[customtitlebar]) #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
|
||||||
> .titlebar-buttonbox-container{
|
> .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,5 +29,5 @@ See the above repository for updates as well as full license text. */
|
|||||||
#nav-bar{ padding-left: 300px; }
|
#nav-bar{ padding-left: 300px; }
|
||||||
|
|
||||||
#toolbar-menubar > .titlebar-buttonbox-container{ display: none }
|
#toolbar-menubar > .titlebar-buttonbox-container{ display: none }
|
||||||
:root[tabsintitlebar][sizemode="normal"] .titlebar-spacer,
|
:root:is([tabsintitlebar],[customtitlebar])[sizemode="normal"] .titlebar-spacer,
|
||||||
:root[tabsintitlebar] #TabsToolbar > .titlebar-buttonbox-container{ display: flex !important; }
|
:root:is([tabsintitlebar],[customtitlebar]) #TabsToolbar > .titlebar-buttonbox-container{ display: flex !important; }
|
||||||
|
|||||||
@@ -58,7 +58,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] :where(#toolbar-menubar:not([autohide="false"])){
|
:root:is([tabsintitlebar],[customtitlebar]) :where(#toolbar-menubar:not([autohide="false"])){
|
||||||
+ #TabsToolbar{
|
+ #TabsToolbar{
|
||||||
:root[sizemode="normal"] & {
|
:root[sizemode="normal"] & {
|
||||||
> .titlebar-spacer[type="post-tabs"]{
|
> .titlebar-spacer[type="post-tabs"]{
|
||||||
@@ -78,7 +78,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] :where(#toolbar-menubar:not([autohide="false"])){
|
:root:is([tabsintitlebar],[customtitlebar]) :where(#toolbar-menubar:not([autohide="false"])){
|
||||||
+ #TabsToolbar > :is(.titlebar-buttonbox-container,.titlebar-spacer[type="post-tabs"]){
|
+ #TabsToolbar > :is(.titlebar-buttonbox-container,.titlebar-spacer[type="post-tabs"]){
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
@@ -99,7 +99,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] :where(#toolbar-menubar:not([autohide="false"])){
|
:root:is([tabsintitlebar],[customtitlebar]) :where(#toolbar-menubar:not([autohide="false"])){
|
||||||
+ #TabsToolbar > :is(.titlebar-buttonbox-container,.titlebar-spacer[type="pre-tabs"]){
|
+ #TabsToolbar > :is(.titlebar-buttonbox-container,.titlebar-spacer[type="pre-tabs"]){
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
@@ -117,7 +117,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] :where(#toolbar-menubar:not([autohide="false"])){
|
:root:is([tabsintitlebar],[customtitlebar]) :where(#toolbar-menubar:not([autohide="false"])){
|
||||||
:root[sizemode="normal"] & {
|
:root[sizemode="normal"] & {
|
||||||
+ #TabsToolbar > .titlebar-spacer[type="pre-tabs"]{
|
+ #TabsToolbar > .titlebar-spacer[type="pre-tabs"]{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
|
|||||||
@@ -113,6 +113,6 @@ See the above repository for updates as well as full license text. */
|
|||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[tabsintitlebar] #titlebar:has(> [autohide="false"]) + #nav-bar{
|
:root:is([tabsintitlebar],[customtitlebar]) #titlebar:has(> [autohide="false"]) + #nav-bar{
|
||||||
border-inline-width: 0 !important;
|
border-inline-width: 0 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -39,7 +39,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
|
:root:is([tabsintitlebar],[customtitlebar]) #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
|
||||||
> .titlebar-buttonbox-container{
|
> .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ See the above repository for updates as well as full license text. */
|
|||||||
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
|
:root:is([tabsintitlebar],[customtitlebar]) #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
|
||||||
> .titlebar-buttonbox-container{
|
> .titlebar-buttonbox-container{
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user