diff --git a/chrome/hide_tabs_scrollbuttons.css b/chrome/hide_tabs_scrollbuttons.css index f4eff07..eafa91b 100644 --- a/chrome/hide_tabs_scrollbuttons.css +++ b/chrome/hide_tabs_scrollbuttons.css @@ -55,7 +55,9 @@ spacer[part="overflow-end-indicator"]{ margin-inline-end: calc(0px - var(--tab-shadow-max-size,0px)) !important; background-image: var(--uc-scrollbutton-down-background); } +scrollbox[orient="horizontal"], .scrollbox-clip{ margin-inline: var(--uc-scrollbox-margin,0px); } +.scrollbox-clip > scrollbox[orient="horizontal"]{ margin-inline: initial } /* Need to reset some things for other scrollboxes */ .menupopup-arrowscrollbox{ diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 82471e1..8316303 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -26,6 +26,7 @@ See the above repository for updates as well as full license text. */ #scrollbutton-up, #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) } + scrollbox[part][orient="horizontal"] > slot, scrollbox[part][orient="horizontal"]{ display: flex; flex-wrap: wrap; @@ -36,6 +37,9 @@ See the above repository for updates as well as full license text. */ scrollbar-gutter: stable; scroll-snap-type: y mandatory; } + scrollbox[part][orient="horizontal"] > slot{ + overflow-x: hidden; + } } .scrollbox-clip[orient="horizontal"], diff --git a/chrome/multi-row_tabs_below_content.css b/chrome/multi-row_tabs_below_content.css index b4d783e..5bb0d73 100644 --- a/chrome/multi-row_tabs_below_content.css +++ b/chrome/multi-row_tabs_below_content.css @@ -161,6 +161,7 @@ See the above repository for updates as well as full license text. */ #scrollbutton-up, #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) } + scrollbox[part][orient="horizontal"] > slot, scrollbox[part][orient="horizontal"]{ display: flex; flex-wrap: wrap; @@ -171,7 +172,9 @@ See the above repository for updates as well as full license text. */ scrollbar-gutter: stable; scroll-snap-type: y mandatory; } - + scrollbox[part][orient="horizontal"] > slot{ + overflow-x: hidden; + } .scrollbox-clip[orient="horizontal"], #tabbrowser-arrowscrollbox{ overflow: -moz-hidden-unscrollable; diff --git a/chrome/multi-row_tabs_separate_pinned_row_patch.css b/chrome/multi-row_tabs_separate_pinned_row_patch.css index a78e4b6..89bdfcc 100644 --- a/chrome/multi-row_tabs_separate_pinned_row_patch.css +++ b/chrome/multi-row_tabs_separate_pinned_row_patch.css @@ -3,7 +3,8 @@ See the above repository for updates as well as full license text. */ /* Use with multi-row_tabs.css to show pinned tabs on separate row. */ -scrollbox[part][orient="horizontal"]::after{ +scrollbox[part][orient="horizontal"] > slot::after, +.scrollbox-clip > scrollbox[part][orient="horizontal"]::after{ display: flow-root list-item; content: ""; flex-basis: -moz-available; @@ -16,6 +17,6 @@ scrollbox[part][orient="horizontal"]::after{ order: 1; } -.tabbrowser-tab[first-visible-unpinned-tab]{ +.tabbrowser-tab[pinned] + .tabbrowser-tab{ margin-inline-start: 0 !important; } \ No newline at end of file diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css index 469958e..626cf93 100644 --- a/chrome/tabs_animated_gradient_border.css +++ b/chrome/tabs_animated_gradient_border.css @@ -39,6 +39,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and margin-inline: 0 !important; --tab-shadow-max-size: 0px; } +scrollbox[orient="horizontal"] > slot::after, .scrollbox-clip[orient="horizontal"] > scrollbox::after{ content: ""; display: flex; diff --git a/chrome/toolbarbuttons_in_tabs_periphery.css b/chrome/toolbarbuttons_in_tabs_periphery.css index e8dd9f2..af917eb 100644 --- a/chrome/toolbarbuttons_in_tabs_periphery.css +++ b/chrome/toolbarbuttons_in_tabs_periphery.css @@ -38,8 +38,11 @@ Any button to the right of the flexible space is pushed to the right edge. .closing-tabs-spacer{ display: none !important; } -.scrollbox-clip[orient="horizontal"]{ - contain: var(--uc-scrollbox-containment,initial) !important; +@-moz-document url("chrome://browser/content/browser.xhtml"){ + scrollbox[orient="horizontal"], + .scrollbox-clip[orient="horizontal"]{ + contain: var(--uc-scrollbox-containment,initial) !important; + } } #tabbrowser-tabs ~ toolbarspring{ flex-grow: 0 !important; diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css index 1c02874..083594f 100644 --- a/chrome/vertical_context_navigation.css +++ b/chrome/vertical_context_navigation.css @@ -7,6 +7,7 @@ See the above repository for updates as well as full license text. */ #contentAreaContextMenu{ --uc-popup-display: grid; --uc-pseudo-elem: ""; + --uc-scrollbox-slot: contents; min-height: 162px; } scrollbox[orient="vertical"]{ @@ -14,7 +15,9 @@ scrollbox[orient="vertical"]{ grid-template-columns: auto 1fr; grid-template-rows: 0; } - +scrollbox[orient="vertical"] > slot{ + display: var(--uc-scrollbox-slot,initial) !important; +} scrollbox[orient="vertical"]::before{ content: var(--uc-pseudo-elem,none); grid-area: auto / 2 / auto / 2;