Compare commits

..

5 Commits

Author SHA1 Message Date
tm24fan8 7cde6d03de New sidebery data export 2026-05-23 00:51:02 -04:00
tm24fan8 bddf83b09b Add standalone image page mods 2026-05-23 00:51:02 -04:00
tm24fan8 b160ea97d0 Add existing modifications 2026-05-23 00:51:02 -04:00
MrOtherGuy 64245da882 autohide tabs toolbar: Fix sidebar tabs z-index, background and layout
Expanded sidebar internal layout should stay "static", that is,
to not change when sidebar gets hovered.
2026-05-21 18:04:46 +03:00
MrOtherGuy 1f477a50cf hide tabs scrollbuttons: Fix behavior with separate pinned tabs container
Fixes #628
2026-05-15 06:41:07 +03:00
2 changed files with 12 additions and 10 deletions
+6 -2
View File
@@ -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);
+6 -8
View File
@@ -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"],