Bug 1389713 - Push the badge a little closer to the button in compact mode to avoid overflow. r=dao, ui-r=abenson
authorBlake Winton <bwinton@latte.ca>
Thu, 31 Aug 2017 14:57:37 -0400
changeset 378322 e625bc399af9c26c8bc6b7aa56f0810dd1029f97
parent 378321 85ba48e32d747f076522b2f486a00654b080df08
child 378323 51cb54b738296e7f21f97861049e2a7314ab53f4
push id32428
push userarchaeopteryx@coole-files.de
push dateSat, 02 Sep 2017 08:52:28 +0000
treeherdermozilla-central@b01a7e57425b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, abenson
bugs1389713
milestone57.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1389713 - Push the badge a little closer to the button in compact mode to avoid overflow. r=dao, ui-r=abenson MozReview-Commit-ID: GYnBepeOIf0
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -285,8 +285,14 @@ toolbarbutton.bookmark-item {
 /* Force the display of the label for bookmarks */
 .bookmark-item > .toolbarbutton-text {
   display: -moz-box !important;
 }
 
 #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
   margin-inline-end: 4px;
 }
+
+/* Remove a pixel of margin on the end so that the badge doesn't
+ * overflow the toolbar and push the button into the overflow menu. */
+:root[uidensity=compact] .toolbarbutton-badge {
+  margin-inline-end: -7px !important;
+}