Bug 1401735 - Move the toolbarbutton badge slightly down in the bookmarks toolbar. r=Gijs
authorJohann Hofmann <jhofmann@mozilla.com>
Thu, 21 Sep 2017 11:47:32 +0200
changeset 435438 4e1c7dcc09d70c668610d73c4cef26ada6c6e739
parent 435437 5d10000883d97a4b3bd6c45ea34506700e247570
child 435439 86d1c12919b83888654383a46e341d9cfa6aa023
push id1618
push userCallek@gmail.com
push dateThu, 11 Jan 2018 17:45:48 +0000
treeherdermozilla-release@882ca853e05a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1401735
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 1401735 - Move the toolbarbutton badge slightly down in the bookmarks toolbar. r=Gijs MozReview-Commit-ID: Hp1t8YWtQ9r
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -303,16 +303,26 @@ toolbarbutton.bookmark-item {
 .bookmark-item > .toolbarbutton-text {
   display: -moz-box !important;
 }
 
 #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
   margin-inline-end: 4px;
 }
 
+/* The bookmarks toolbar is smaller than the other toolbars, so we
+ * need to override the badge position to not be cut off. */
+#PersonalToolbar .toolbarbutton-badge {
+  margin-top: -1px !important;
+}
+
+:root[uidensity=touch] #PersonalToolbar .toolbarbutton-badge {
+  margin-top: -4px !important;
+}
+
 /* 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;
 }
 
 /* To allow toolbarbuttons in the bookmarks toolbar to grow in
  * height with the toolbar (like bookmark items), we apply background