#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
}
+#PanelUI-menu-button[badge-status="addon-alert"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ height: 13px;
+ background: transparent url(chrome://browser/skin/addons/addon-badge.svg) no-repeat center;
+}
+
.panel-subviews {
padding: 4px;
background-clip: padding-box;
top: 25%;
}
-#PanelUI-update-status[update-status]::after {
+#PanelUI-update-status[update-status]::after,
+#PanelUI-footer-addons > toolbarbutton::after {
content: "";
width: 14px;
height: 14px;
background-color: #FF0000;
}
+#PanelUI-footer-addons > toolbarbutton {
+ background-color: #C7F5FF;
+ display: flex;
+ flex: 1 1 0%;
+ width: calc(22.35em + 30px);
+ padding-inline-start: 15px;
+ border-inline-start-style: none;
+}
+
+#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-icon {
+ width: 14px;
+ height: 14px;
+}
+
+#PanelUI-footer-addons > toolbarbutton::after {
+ background-image: url(chrome://browser/skin/addons/addon-badge.svg);
+}
+
#PanelUI-fxa-status {
display: flex;
flex: 1 1 0%;
#PanelUI-help,
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-quit {
margin: 0;
}
#PanelUI-fxa-label,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize {
flex: 1;
padding-inline-start: 15px;
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-help,
#PanelUI-quit {