#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;
- margin-right: 16.5px;
+ margin-inline-end: 16.5px;
border-radius: 2px;
background-size: contain;
display: -moz-box;
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 {
/* === END panelUI.inc.css === */
.panel-subviews {
- background-color: var(--panel-arrowcontent-background);
+ background-color: var(--arrowpanel-background);
}
#PanelUI-contents #zoom-out-btn {
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
/* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
/* box-shadow: 0 0 4px rgba(0,0,0,0.2);
- background: var(--panel-arrowcontent-background);
- border: 1px solid var(--panel-arrowcontent-border-color);
+ background: var(--arrowpanel-background);
+ color: var(--arrowpanel-color);
+ border: 1px solid var(--arrowpanel-border-color);
border-radius: 3.5px;
margin-top: -4px;*/
}