Bug 1368447 - Don't break toolbar layout if browserAction has no icon r?bwinton
MozReview-Commit-ID: 3EpWOY5oydV
--- 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 */