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

Use scrollbar-gutter in multi-row tabs and bookmarks

Browse source 
This should prevent the appearing/disappearing scrollbar from reflowing
content.
This commit is contained in:
MrOtherGuy 2023-04-09 09:00:12 +03:00
parent e98c0b62a5
commit 76f260269d
3 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
chrome/multi-row_bookmarks.css
View file

@ -20,7 +20,8 @@ See the above repository for updates as well as full license text. */
/* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */ /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important; max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
overflow-y:auto; overflow-y:auto;
scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor);
scrollbar-gutter: stable;
scrollbar-width: thin; scrollbar-width: thin;
} }

1
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(--tab-block-margin,0px)) * var(--multirow-n-rows)); max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) * var(--multirow-n-rows));
scrollbar-color: currentColor transparent; scrollbar-color: currentColor transparent;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-gutter: stable;
scroll-snap-type: y mandatory; scroll-snap-type: y mandatory;
} }
} }

1
chrome/multi-row_tabs_below_content.css
View file

@ -178,6 +178,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;
scrollbar-gutter: stable;
scroll-snap-type: y mandatory; scroll-snap-type: y mandatory;
} }