#PanelUI-button:-moz-locale-dir(rtl) {
}
-#PanelUI-menu-button[update-status="succeeded"] .toolbarbutton-badge::after {
- content: url(chrome://browser/skin/update-badge.svg);
- background-color: #008484;
+#PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ display: -moz-box;
height: 10px;
+ width: 10px;
+ background-size: contain;
+ border: none;
+}
+
+#PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background-image: url(chrome://browser/skin/update-badge.svg);
+ background-color: #008484;
+}
+
+#PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background-image: url(chrome://browser/skin/update-badge-failed.svg);
+ background-color: #FF0000;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/warning.svg);
+ box-shadow: none;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
}
.panel-subviews {
border-radius: 4px;
}
-#app-extension-point-end > #PanelUI-menu-button {
- padding: 2px 5px;
-}
-#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text {
- display: none;
-}
-#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon {
- margin: 0;
-}
-
#PanelUI-popup > arrowscrollbox > autorepeatbutton {
display: none;
}
top: 25%;
}
+#PanelUI-update-status[update-status]::after {
+ content: "";
+ width: 14px;
+ height: 14px;
+ margin-right: 16.5px;
+ border-radius: 2px;
+ background-size: contain;
+ display: -moz-box;
+}
+
+#PanelUI-update-status[update-status="succeeded"]::after {
+ background-image: url(chrome://browser/skin/update-badge.svg);
+ background-color: #008484;
+}
+
+#PanelUI-update-status[update-status="failed"]::after {
+ background-image: url(chrome://browser/skin/update-badge-failed.svg);
+ background-color: #FF0000;
+}
+
#PanelUI-fxa-status {
display: flex;
flex: 1 1 0%;