MrOtherGuy
494efca729
And also don't hide separator for the following tab when the preceding split-view has its first tab multiselected.
65 lines
2.6 KiB
CSS
65 lines
2.6 KiB
CSS
:where(.tabbrowser-tab){
|
|
background-image: linear-gradient(
|
|
transparent 20%,
|
|
color-mix(in srgb, currentColor 20%, transparent) 20%,
|
|
color-mix(in srgb, currentColor 20%, transparent) 80%,
|
|
transparent 80%
|
|
);
|
|
background-repeat: no-repeat;
|
|
background-size: 1px 100%;
|
|
}
|
|
tab-split-view-wrapper{
|
|
background-size: 1px 100%;
|
|
}
|
|
@media -moz-pref("sidebar.verticalTabs"){
|
|
#tabbrowser-tabs{
|
|
--uc-vertical-tabs-expanded-separator: linear-gradient(to right,
|
|
transparent 10cqw,
|
|
color-mix(in srgb, currentColor 20%, transparent) 10cqw,
|
|
color-mix(in srgb, currentColor 20%, transparent) 90cqw,
|
|
transparent 90cqw
|
|
);
|
|
}
|
|
:where(.tabbrowser-tab){
|
|
background-image: linear-gradient(color-mix(in srgb, currentColor 20%, transparent));
|
|
background-size: 60% 1px;
|
|
background-position-x: center;
|
|
}
|
|
:where(#tabbrowser-tabs[expanded] .tabbrowser-tab){
|
|
background-image: var(--uc-vertical-tabs-expanded-separator);
|
|
background-size: 90cqw 1px;
|
|
}
|
|
#tabbrowser-tabs[expanded] > #pinned-tabs-container > .tabbrowser-tab{
|
|
background-image: none;
|
|
}
|
|
tab-split-view-wrapper{
|
|
background-size: 90cqw 1px;
|
|
}
|
|
#tabbrowser-tabs[expanded] tab-split-view-wrapper >.tabbrowser-tab:last-child{
|
|
background-size: 90cqw 1px;
|
|
background-image: var(--uc-vertical-tabs-expanded-separator);
|
|
@container vertical-tabs-container (min-width: 210px){
|
|
background-size: inherit;
|
|
}
|
|
}
|
|
}
|
|
tab-split-view-wrapper > .tabbrowser-tab{
|
|
background-size: inherit;
|
|
}
|
|
tab-split-view-wrapper > .tabbrowser-tab:last-child{
|
|
background-image: none;
|
|
}
|
|
tab-group > slot + :is(tab-split-view-wrapper,.tabbrowser-tab),
|
|
tab-group[collapsed] + :is(tab-split-view-wrapper,.tabbrowser-tab),
|
|
:is(tab-split-view-wrapper,.tabbrowser-tab):is([selected],[multiselected],[hasactivetab],:hover),
|
|
:is(tab-split-view-wrapper,.tabbrowser-tab):is([selected],tab[multiselected],[hasactivetab],:hover) + :is(tab-split-view-wrapper,.tabbrowser-tab),
|
|
tab-split-view-wrapper:has( > [multiselected]:last-child) + :is(tab-split-view-wrapper,.tabbrowser-tab),
|
|
tab-group:has(> :last-of-type:is(:hover,[selected],[multiselected],[hasactivetab]) + vbox) + :is(tab-split-view-wrapper,.tabbrowser-tab),
|
|
#pinned-tabs-container > :first-child,
|
|
#pinned-tabs-container:empty ~ arrowscrollbox > :first-child,
|
|
#tabbrowser-arrowscrollbox[overflowing] > :first-child,
|
|
#pinned-tabs-container:has( > :last-child:is(:hover,[selected],[multiselected])) ~ arrowscrollbox > :first-child,
|
|
#vertical-pinned-tabs-splitter:not([hidden]) ~ arrowscrollbox[orient="vertical"] > :first-child{
|
|
background-size: 0 0;
|
|
}
|