pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

apply scroll-snap to tabs

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
chrome/multi-row_tabs.css
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)); max-height: calc((var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px)) * var(--multirow-n-rows));
scrollbar-color: currentColor transparent; scrollbar-color: currentColor transparent;
scrollbar-width: thin; 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; --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]{ #tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important; position: static !important;

6
chrome/multi-row_tabs_below_content.css
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); max-height: var(--uc-scrollbox-max-height,1px);
scrollbar-color: currentColor transparent; scrollbar-color: currentColor transparent;
scrollbar-width: thin; scrollbar-width: thin;
scroll-snap-type: y mandatory;
} }
.scrollbox-clip[orient="horizontal"], .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] .scrollbox-clip[orient="horizontal"]:not(:hover),
:root[inFullscreen] #tabbrowser-arrowscrollbox:not(:hover){ --uc-scrollbox-max-height: 1px; min-height: 1px !important; } :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]{ .tabbrowser-tab[pinned]{
position: static !important; position: static !important;