Bug 1368447 - Don't break toolbar layout if browserAction has no icon r?bwinton draft
authorMark Striemer <mstriemer@mozilla.com>
Fri, 02 Jun 2017 11:09:16 -0500
changeset 589766 29ccb50e909ce4f918edc9453bec9fcba25c663b
parent 589218 cffecce936272f9d6861bbbc1dc0ba8a57d21a7d
child 632000 7cc5d00ba3e5a0f7643088cab8b46179862a54a9
push id62500
push userbmo:mstriemer@mozilla.com
push dateTue, 06 Jun 2017 19:30:29 +0000
reviewersbwinton
bugs1368447
milestone55.0a1
Bug 1368447 - Don't break toolbar layout if browserAction has no icon r?bwinton MozReview-Commit-ID: 3EpWOY5oydV
browser/themes/shared/toolbarbuttons.inc.css
--- a/browser/themes/shared/toolbarbuttons.inc.css
+++ b/browser/themes/shared/toolbarbuttons.inc.css
@@ -176,16 +176,30 @@ toolbarbutton.bookmark-item:not(.subview
   background-clip: padding-box !important;
   border: 1px solid transparent;
 %endif
   border-radius: var(--toolbarbutton-border-radius);
   transition-property: background-color, border-color, box-shadow;
   transition-duration: 150ms;
 }
 
+#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack {
+  width: 28px;
+  height: 28px;
+}
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
+  width: 26px;
+}
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+  margin-inline-end: -5px !important;
+  width: 26px;
+}
+
 #nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
 #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
 #nav-bar #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
 %ifdef MOZ_PHOTON_THEME
   /* horizontal padding + actual icon width */
   max-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
 %else
   /* Before Photon horizontal padding is 7px, but --toolbarbutton-inner-padding is set to 3px */