Bug 1383535 - fix margin issue with sync item when not signed in, r?Mossop draft
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Wed, 26 Jul 2017 17:39:48 +0100
changeset 616003 aa21d8e558b94e46441a3c78f732e45e6d3ea37d
parent 615779 e8400551c2e39f24c75a009ebed496c7acd7bf47
child 639334 080860b3fb89fe140e652699e6e4f02c9b3cc36c
push id70540
push usergijskruitbosch@gmail.com
push dateWed, 26 Jul 2017 16:40:01 +0000
reviewersMossop
bugs1383535
milestone56.0a1
Bug 1383535 - fix margin issue with sync item when not signed in, r?Mossop MozReview-Commit-ID: HJk2rBBpY3P
browser/themes/shared/customizableui/panelUI.inc.css
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -746,17 +746,20 @@ toolbaritem[cui-areatype="menu-panel"][s
   padding-inline-start: 10px;
 }
 
 .panel-banner-item > .toolbarbutton-text {
   width: 0; /* Fancy cropping solution for flexbox. */
 }
 
 /* FxAccount indicator bits. */
-#appMenu-fxa-container:not([fxastatus="signedin"]) {
+
+/* Add the .toolbaritem-combined-buttons class to increase the specificity so as
+ * to override the end margin for .toolbaritem-combined-buttons items further down. */
+#appMenu-fxa-container.toolbaritem-combined-buttons:not([fxastatus="signedin"]) {
   margin-inline-end: 0;
 }
 
 #appMenu-fxa-label,
 #appMenu-fxa-icon {
   -moz-image-region: rect(0, 16px, 16px, 0);
   list-style-image: url(chrome://browser/skin/sync-horizontalbar.png);
 }