#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: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+}
+
.panel-subviews {
padding: 4px;
background-clip: padding-box;
- border-left: 1px solid var(--panel-arrowcontent-border-color);
+ border-left: 1px solid var(--panel-separator-color);
margin-inline-start: var(--panel-ui-exit-subview-gutter-width);
}
.panel-subview-header {
margin: 0 0 4px;
- background-color: #A09090;
+ background-color: var(--panel-separator-color);
color: #000000;
font-variant: small-caps;
border-radius: 4px;
}
.panel-subview-footer {
- border-top: 1px solid #A09090;
+ border-top: 1px solid var(--panel-separator-color);
}
.cui-widget-panelview .panel-subview-header {
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: #A09090;
+ /* Force border to override `#PanelUI-footer-addons > toolbarbutton` selector below */
+ /*border-top: 1px solid hsl(45, 100%, 77%) !important;*/
+ display: flex;
+ flex: 1 1 0%;
+ width: calc(22.35em + 30px);
+ padding-inline-start: 15px;
+ border-inline-start-style: none;
+}
+
+#PanelUI-footer-addons > toolbarbutton:hover {
+ background-color: #FFCF00;
+}
+
+#PanelUI-footer-addons > toolbarbutton:active {
+ background-color: #FF9F00;
+}
+
+#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-icon {
+ width: 14px;
+ height: 14px;
+}
+
+#PanelUI-footer-addons > toolbarbutton::after {
+ background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+}
+
#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-update-status > .toolbarbutton-text,
#PanelUI-fxa-label > .toolbarbutton-text,
+#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-text,
#PanelUI-customize > .toolbarbutton-text {
margin: 0;
padding: 0 6px;
}
#PanelUI-fxa-label,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize {
flex: 1;
padding-inline-start: 15px;
}
.fxaSyncIllustration {
+ width: 180px;
height: var(--panel-ui-sync-illustration-height);
- list-style-image: url(chrome://browser/skin/fxa/sync-illustration.svg);
}
.PanelUI-remotetabs-prefs-button > .toolbarbutton-text {
list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
}
-#PanelUI-footer-fxa[fxastatus="migrate-signup"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
-#PanelUI-footer-fxa[fxastatus="migrate-verify"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
- list-style-image: url(chrome://browser/skin/warning.svg);
- -moz-image-region: auto;
-}
-
#PanelUI-customize {
list-style-image: url("chrome://browser/skin/menuPanel-customize.png");
}
#PanelUI-fxa-label,
#PanelUI-fxa-icon,
+#PanelUI-footer-addons > toolbarbutton,
#PanelUI-customize,
#PanelUI-help,
#PanelUI-quit {
#BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
/ These popups never have a footer /
#BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
-#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
+#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
+#BMB_mobileBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
/ And so they need some bottom padding: /
padding-bottom: 4px;
}
color: #A09090;
}
-#PanelUI-remotetabs-tabslist > toolbarbutton,
+#PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"],
#PanelUI-historyItems > toolbarbutton {
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
}
@media (min-resolution: 1.1dppx) {
- #PanelUI-remotetabs-tabslist > toolbarbutton,
+ #PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"],
#PanelUI-historyItems > toolbarbutton {
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
}
}
-#PanelUI-remotetabs-tabslist > toolbarbutton > .toolbarbutton-icon,
+#PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon,
#PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon,
#PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon,
#PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon {
/* === END panelUI.inc.css === */
.panel-subviews {
- background-color: #000000;
+ 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;*/
}