Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7cde6d03de | |||
| bddf83b09b | |||
| b160ea97d0 | |||
| 64245da882 | |||
| 1f477a50cf |
@@ -12,13 +12,14 @@ See the above repository for updates as well as full license text. */
|
||||
#sidebar-main{
|
||||
overflow: visible !important;
|
||||
max-width: var(--tab-collapsed-width) !important;
|
||||
z-index: var(--browser-area-z-index-toolbox-while-animating);
|
||||
z-index: var(--browser-area-z-index-sidebar-expand-on-hover,var(--browser-area-z-index-toolbox-while-animating));
|
||||
transition: z-index 0s linear var(--uc-tabs-hide-duration);
|
||||
background: inherit;
|
||||
}
|
||||
sidebar-main{
|
||||
--tab-pinned-horizontal-count: 5; /* This needs to match whatever is used in sidebar-main.css - currently 5 */
|
||||
background: inherit;
|
||||
--uc-sidebar-tabs-width: calc(var(--tab-pinned-horizontal-count) * var(--tab-pinned-min-width-expanded) + 2 * var(--tab-pinned-container-margin-inline-expanded) + 1px);
|
||||
background-color: var(--toolbox-background-color,inherit);
|
||||
overflow: hidden;
|
||||
min-width: var(--tab-collapsed-width);
|
||||
transition: min-width var(--uc-tabs-hide-animation-duration) ease-out var(--uc-tabs-hide-animation-delay);
|
||||
@@ -29,6 +30,9 @@ See the above repository for updates as well as full license text. */
|
||||
border-inline-width: 0.01px 0;
|
||||
}
|
||||
}
|
||||
div.wrapper{
|
||||
min-width: var(--uc-sidebar-tabs-width,initial);
|
||||
}
|
||||
:where(#navigator-toolbox[movingtab] + #browser > #sidebar-main) > sidebar-main[expanded],
|
||||
sidebar-main[expanded]:hover{
|
||||
min-width: calc(var(--tab-pinned-horizontal-count) * var(--tab-pinned-min-width-expanded) + 2 * var(--tab-pinned-container-margin-inline-expanded) + 1px);
|
||||
|
||||
@@ -4,9 +4,9 @@ See the above repository for updates as well as full license text. */
|
||||
/* This should hide tabs scrollbuttons in a manner that preserves the ability to move tab strip when reordering tabs */
|
||||
|
||||
:root{
|
||||
--uc-tab-shadow-max-size: 6px;
|
||||
--uc-tab-shadow-max-size: 3px;
|
||||
/* Funny, but we let this to be overridden in ESR 128 which doesn't exist in Firefox 139 */
|
||||
--tab-shadow-max-size: var(--uc-tab-shadow-max-size);
|
||||
--tab-shadow-max-size: var(--uc-tab-shadow-max-size);
|
||||
}
|
||||
|
||||
#tabbrowser-arrowscrollbox{
|
||||
@@ -18,12 +18,12 @@ See the above repository for updates as well as full license text. */
|
||||
#tabbrowser-tabs:not([movingtab]){
|
||||
--uc-scroll-visibility: hidden;
|
||||
}
|
||||
#tabbrowser-tabs[overflow]{
|
||||
#tabbrowser-arrowscrollbox[overflowing]{
|
||||
--uc-scrollbox-base-margin: -31px;
|
||||
--uc-scrollbox-margin: calc(var(--uc-scrollbox-base-margin) + var(--tab-shadow-max-size));
|
||||
}
|
||||
:root[uidensity="compact"] #tabbrowser-tabs[overflow]{
|
||||
--uc-scrollbox-base-margin: -25px;
|
||||
#pinned-tabs-container{
|
||||
padding-inline-end: var(--uc-tab-shadow-max-size,0);
|
||||
}
|
||||
#tabbrowser-arrowscrollbox:not([scrolledtostart]){
|
||||
--uc-scrollbox-overflow-start-margin: -1px;
|
||||
@@ -42,7 +42,7 @@ spacer[part="overflow-end-indicator"]{
|
||||
#scrollbutton-down:is([disabled=""],[disabled="true"]) > .toolbarbutton-icon,
|
||||
#scrollbutton-up:is([disabled=""],[disabled="true"]) > .toolbarbutton-icon{
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
#scrollbutton-up,
|
||||
#scrollbutton-down{
|
||||
position: relative;
|
||||
@@ -54,11 +54,9 @@ spacer[part="overflow-end-indicator"]{
|
||||
opacity: 1 !important;
|
||||
}
|
||||
#scrollbutton-up{
|
||||
margin-inline-start: calc(0px - var(--tab-shadow-max-size,0px)) !important;
|
||||
background-image: var(--uc-scrollbutton-up-background);
|
||||
}
|
||||
#scrollbutton-down{
|
||||
margin-inline-end: calc(0px - var(--tab-shadow-max-size,0px)) !important;
|
||||
background-image: var(--uc-scrollbutton-down-background);
|
||||
}
|
||||
scrollbox[orient="horizontal"],
|
||||
|
||||
Reference in New Issue
Block a user