/* === BEGIN panelUIOverlay.inc.css === */
+:root {
+ --panel-ui-exit-subview-gutter-width: 38px;
+}
+
#PanelUI-popup #PanelUI-contents:empty {
height: 128px;
}
.panel-subviews {
padding: 4px;
- -moz-margin-start: 38px;
+ -moz-margin-start: var(--panel-ui-exit-subview-gutter-width);
}
.panel-viewstack[viewtype="main"] > .panel-subviews {
}
/* Help SDK buttons fit in. */
-toolbarpaletteitem[place="palette"] > toolbarbutton[sdk-button="true"] > .toolbarbutton-icon,
-toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon {
+toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon,
+toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
height: 32px;
width: 32px;
}
/* above we treat the container as the icon for the margins, that is so the
/* badge itself is positioned correctly. Here we make sure that the icon itself
/* has the minum size we want, but no padding/margin. */
-.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon {
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px;
min-width: 32px;
min-height: 32px;
margin: 0;
#PanelUI-fxa-status {
display: flex;
flex: 1 1 0%;
+ width: 1px;
}
#PanelUI-footer-inner,
-#PanelUI-footer-fxa {
+#PanelUI-footer-fxa:not([hidden]) {
display: flex;
border-top: 1px solid #9C9CFF;
}
list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png");
}
-#PanelUI-fxa-icon[fxastatus="migrate-signup"],
-#PanelUI-fxa-icon[fxastatus="migrate-verify"] {
+#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://global/skin/warning-16.png);
}
display: none;
}
+#PanelUI-fxa-status[disabled] {
+ pointer-events: none;
+}
+
#PanelUI-fxa-avatar {
width: 32px;
height: 32px;
-moz-image-region: rect(0, 48px, 16px, 32px);
}
-#PanelUI-fxa-status:not([disabled]):hover,
#PanelUI-fxa-icon:not([disabled]):hover,
#PanelUI-help:not([disabled]):hover,
#PanelUI-customize:hover,
#PanelUI-quit:not([disabled]):hover {
}
-#PanelUI-fxa-status:not([disabled]):hover:active,
#PanelUI-fxa-icon:not([disabled]):hover:active,
#PanelUI-help:not([disabled]):hover:active,
#PanelUI-customize:hover:active,
}
#PanelUI-fxa-status:not([disabled]):hover,
-#PanelUI-fxa-status:not([disabled]):hover:active {
+#PanelUI-fxa-status:not([disabled]):hover:active,
+#PanelUI-fxa-icon:not([disabled]):hover,
+#PanelUI-fxa-icon:not([disabled]):hover:active {
}
#PanelUI-footer-fxa[fxastatus="error"] {
position: absolute;
top: 0;
height: 100%;
- width: 38px;
+ width: var(--panel-ui-exit-subview-gutter-width);
background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
background-repeat: no-repeat;
background-color: #008484;
toolbarbutton[panel-multiview-anchor="true"] {
background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted.png");
- background-position: right calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center;
+ background-position: right calc((22.35em / 3 - 0.1px) / 2 - var(--panel-ui-exit-subview-gutter-width) + 2px) center;
background-repeat: no-repeat;
}
toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) {
background-image: url("chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png");
- background-position: left calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center;
+ background-position: left calc((22.35em / 3 - 0.1px) / 2 - var(--panel-ui-exit-subview-gutter-width) + 2px) center;
}
toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,