Bug 1344446 - Use --toolbarbutton-inner-padding for the tab strip scroll buttons so that they honor UI density modes. r?daleharvey
MozReview-Commit-ID: IYoLVARkIi2
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -61,26 +61,17 @@ toolbar[brighttext] {
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
margin: 0 0 var(--tab-toolbar-navbar-overlap);
}
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
-moz-appearance: none;
- padding: 0;
- min-width: 26px;
- border: 1px solid transparent;
- border-bottom-style: none;
- border-radius: var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius) 0 0;
-}
-
-.tabbrowser-arrowscrollbox > .scrollbutton-up,
-.tabbrowser-arrowscrollbox > .scrollbutton-down {
- border-radius: 0;
+ padding: 0 var(--toolbarbutton-inner-padding);
}
#navigator-toolbox:not(:hover) > #TabsToolbar > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down:not([highlight]) {
transition: 1s background-color ease-out;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down[highlight] {
background-color: Highlight;