apply scroll-snap to tabs

This commit is contained in:
MrOtherGuy 2021-04-19 12:48:59 +03:00
parent 34f44c8ce7
commit 595033c4c7
2 changed files with 10 additions and 2 deletions

View file

@ -39,6 +39,7 @@ See the above repository for updates as well as full license text. */
max-height: calc((var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px)) * var(--multirow-n-rows));
scrollbar-color: currentColor transparent;
scrollbar-width: thin;
scroll-snap-type: y mandatory;
}
}
@ -49,7 +50,10 @@ See the above repository for updates as well as full license text. */
--scrollbutton-display-model: none;
}
.tabbrowser-tab{ height: calc((var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px))) !important; }
.tabbrowser-tab{
height: calc((var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px))) !important;
scroll-snap-align: start;
}
#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;

View file

@ -142,6 +142,7 @@ See the above repository for updates as well as full license text. */
max-height: var(--uc-scrollbox-max-height,1px);
scrollbar-color: currentColor transparent;
scrollbar-width: thin;
scroll-snap-type: y mandatory;
}
.scrollbox-clip[orient="horizontal"],
@ -155,7 +156,10 @@ See the above repository for updates as well as full license text. */
:root[inFullscreen] .scrollbox-clip[orient="horizontal"]:not(:hover),
:root[inFullscreen] #tabbrowser-arrowscrollbox:not(:hover){ --uc-scrollbox-max-height: 1px; min-height: 1px !important; }
.tabbrowser-tab{ height: calc((var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px))) !important; }
.tabbrowser-tab{
height: calc((var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px))) !important;
scroll-snap-align: start;
}
.tabbrowser-tab[pinned]{
position: static !important;