.panel-subviews {
padding: 4px;
- background-color: #000000;
-moz-margin-start: 38px;
}
margin: 0 0 4px;
background-color: #A09090;
color: #000000;
+ font-variant: small-caps;
border-radius: 4px;
}
#PanelUI-contents {
display: block;
- flex: 1 0 main-size;
+ flex: 1 0 auto;
margin-left: auto;
margin-right: auto;
max-width: 22.35em;
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-status,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize,
#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) {
/* margin: 0;*/
}
+#PanelUI-update-status,
#PanelUI-help,
#PanelUI-fxa-status,
#PanelUI-customize,
-moz-box-orient: horizontal;
}
+#PanelUI-update-status,
#PanelUI-fxa-status {
border-top: 1px solid #9C9CFF;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
}
+#PanelUI-update-status > .toolbarbutton-text,
#PanelUI-fxa-status > .toolbarbutton-text {
width: 0; /* Fancy cropping solution for flexbox. */
}
min-width: 44px;
}
+#PanelUI-update-status > .toolbarbutton-text,
#PanelUI-fxa-status > .toolbarbutton-text,
#PanelUI-customize > .toolbarbutton-text {
margin: 0;
display: none;
}
+#PanelUI-update-status > .toolbarbutton-icon,
+#PanelUI-fxa-status > .toolbarbutton-icon,
+#PanelUI-customize > .toolbarbutton-icon,
#PanelUI-help > .toolbarbutton-icon,
#PanelUI-quit > .toolbarbutton-icon {
-moz-margin-end: 0;
-moz-border-start-style: none;
}
+#PanelUI-update-status {
+ width: calc(22.35em + 30px);
+ -moz-padding-start: 15px;
+ -moz-border-start-style: none;
+}
+
+#PanelUI-update-status {
+ list-style-image: url(chrome://branding/content/icon16.png);
+}
+
#PanelUI-fxa-status {
+ -moz-padding-start: 15px;
list-style-image: url("chrome://browser/skin/syncFx-horizontalbar.png");
}
-#PanelUI-fxa-status[status="active"] {
+#PanelUI-fxa-status[syncstatus="active"] {
list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
}
+#PanelUI-fxa-status[fxastatus="migrate-signup"],
+#PanelUI-fxa-status[fxastatus="migrate-verify"] {
+ list-style-image: url(chrome://global/skin/warning-16.png);
+}
+
#PanelUI-customize {
list-style-image: url("chrome://browser/skin/menuPanel-customize.png");
}
#PanelUI-fxa-status:not([disabled]):hover:active {
}
+#PanelUI-update-status {
+/* color: black; */
+}
+
+#PanelUI-update-status[update-status="succeeded"] {
+ background-color: #008484;
+ color: #000000;
+}
+
+#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover {
+ background-color: #FFCF00;
+}
+
+#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active {
+ background-color: #FF9F00;
+}
+
+#PanelUI-update-status[update-status="failed"] {
+ background-color: #FF0000;
+ color: #000000;
+}
+
+#PanelUI-update-status[update-status="failed"]:not([disabled]):hover {
+ background-color: #FFCF00;
+}
+
+#PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active {
+ background-color: #FF9F00;
+}
+
#PanelUI-quit:not([disabled]):hover {
background-color: #FF0000;
}
.subviewbutton,
.widget-overflow-list .toolbarbutton-1,
.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+.share-provider-button,
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
/* padding: 0 6px;
background-color: hsla(210,4%,10%,0);
panelview .toolbarbutton-1,
.subviewbutton,
.widget-overflow-list .toolbarbutton-1,
+.share-provider-button,
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
border-width: 0;
}
toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):hover,
menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
+.share-provider-button:not(:-moz-any([disabled],[open],:active)):hover,
.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
> toolbarbutton:not(:-moz-any([disabled],[checked="true"],[open],:active)):hover {
toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active),
menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
+.share-provider-button:not([disabled]):-moz-any([open],:hover:active),
.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active),
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])
> toolbarbutton:not([disabled]):-moz-any([open],:hover:active) {
background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
background-repeat: no-repeat;
background-color: #008484;
- background-position: left 10px center, 0; /* this doesn't need to be changed for RTL */
+ background-position: left 10px center, 0;
+}
+
+#PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after {
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png);
+ background-position: right 10px center, 0;
}
toolbarbutton[panel-multiview-anchor="true"] {
/* === END panelUIOverlay.inc.css === */
+.panel-subviews {
+ background-color: #000000;
+}
+
#PanelUI-contents #zoom-out-btn {
padding-left: 12px;
padding-right: 12px;
#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
/* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */
-/* background: #FFF;
- border: 1px solid rgba(0,0,0,0.25);
+/* background: var(--panel-arrowcontent-background);
+ border: var(--panel-arrowcontent-border);
border-radius: 3.5px;
margin-top: -4px;*/
}