Popups: Fix style papercuts
This commit is contained in:
parent
4b5c9e6b34
commit
d0e3f27b3b
|
@ -17,7 +17,6 @@ menulist,
|
||||||
.panel-footer button,
|
.panel-footer button,
|
||||||
#downloadsHistory,
|
#downloadsHistory,
|
||||||
#downloadsPanel-mainView .download-state .downloadButton,
|
#downloadsPanel-mainView .download-state .downloadButton,
|
||||||
#overflowMenu-customize-button,
|
|
||||||
#appMenu-popup .panel-banner-item,
|
#appMenu-popup .panel-banner-item,
|
||||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
|
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
|
||||||
#context-navigation menuitem,
|
#context-navigation menuitem,
|
||||||
|
@ -85,7 +84,6 @@ menulist,
|
||||||
.subviewbutton.panel-subview-footer,
|
.subviewbutton.panel-subview-footer,
|
||||||
.panel-footer button,
|
.panel-footer button,
|
||||||
#downloadsHistory,
|
#downloadsHistory,
|
||||||
#overflowMenu-customize-button,
|
|
||||||
#appMenu-popup .panel-banner-item,
|
#appMenu-popup .panel-banner-item,
|
||||||
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
|
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
|
||||||
#tracking-protection-preferences-button:not(#hack),
|
#tracking-protection-preferences-button:not(#hack),
|
||||||
|
@ -104,7 +102,6 @@ menulist,
|
||||||
.subviewbutton.panel-subview-footer label,
|
.subviewbutton.panel-subview-footer label,
|
||||||
.panel-footer button,
|
.panel-footer button,
|
||||||
#downloadsHistory,
|
#downloadsHistory,
|
||||||
#overflowMenu-customize-button,
|
|
||||||
#appMenu-popup .panel-banner-item,
|
#appMenu-popup .panel-banner-item,
|
||||||
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
|
#appMenu-popup #appMenu-zoomReset-button2:not(#hack),
|
||||||
#tracking-protection-preferences-button:not(#hack),
|
#tracking-protection-preferences-button:not(#hack),
|
||||||
|
@ -149,7 +146,6 @@ menulist:hover,
|
||||||
.panel-footer button:hover,
|
.panel-footer button:hover,
|
||||||
#downloadsHistory:hover,
|
#downloadsHistory:hover,
|
||||||
#downloadsPanel-mainView .download-state .downloadButton:hover,
|
#downloadsPanel-mainView .download-state .downloadButton:hover,
|
||||||
#overflowMenu-customize-button:hover,
|
|
||||||
#appMenu-popup .panel-banner-item:hover,
|
#appMenu-popup .panel-banner-item:hover,
|
||||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
|
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
|
||||||
#context-navigation menuitem:not([disabled]):hover,
|
#context-navigation menuitem:not([disabled]):hover,
|
||||||
|
@ -189,7 +185,6 @@ menulist[open],
|
||||||
.panel-footer button:active,
|
.panel-footer button:active,
|
||||||
#downloadsHistory:active,
|
#downloadsHistory:active,
|
||||||
#downloadsPanel-mainView .download-state .downloadButton:active,
|
#downloadsPanel-mainView .download-state .downloadButton:active,
|
||||||
#overflowMenu-customize-button:active,
|
|
||||||
#appMenu-popup .panel-banner-item:active,
|
#appMenu-popup .panel-banner-item:active,
|
||||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active,
|
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active,
|
||||||
#context-navigation menuitem:active:not([disabled]),
|
#context-navigation menuitem:active:not([disabled]),
|
||||||
|
|
|
@ -149,7 +149,7 @@
|
||||||
#permission-popup-mainView,
|
#permission-popup-mainView,
|
||||||
#protections-popup-mainView,
|
#protections-popup-mainView,
|
||||||
#identity-popup-mainView-panel-header {
|
#identity-popup-mainView-panel-header {
|
||||||
min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
max-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
||||||
min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -183,6 +183,10 @@
|
||||||
#permission-popup-permissions-content {
|
#permission-popup-permissions-content {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
|
#permission-popup-mainView {
|
||||||
|
min-width: unset !important;
|
||||||
|
max-width: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
|
.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
|
|
|
@ -37,6 +37,7 @@ panel[type=arrow] {
|
||||||
/* Style popovers */
|
/* Style popovers */
|
||||||
panel:not([remote]) {
|
panel:not([remote]) {
|
||||||
--arrowpanel-background: var(--gnome-menu-background) !important;
|
--arrowpanel-background: var(--gnome-menu-background) !important;
|
||||||
|
--panel-item-hover-bgcolor: var(--gnome-menu-button-hover-background) !important;
|
||||||
}
|
}
|
||||||
panel {
|
panel {
|
||||||
--arrowpanel-padding: 0 !important;
|
--arrowpanel-padding: 0 !important;
|
||||||
|
@ -61,18 +62,21 @@ panel {
|
||||||
padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important;
|
padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important;
|
||||||
}
|
}
|
||||||
:is(
|
:is(
|
||||||
.panel-header, .panel-footer,
|
.panel-header, .panel-footer,
|
||||||
.panel-subview-body,
|
.panel-subview-body,
|
||||||
.protections-popup-section,
|
.protections-popup-section,
|
||||||
#protections-popup-mainView-panel-header-section,
|
#protections-popup-mainView-panel-header-section,
|
||||||
.permission-popup-section,
|
.permission-popup-section,
|
||||||
.identity-popup-section,
|
.identity-popup-section,
|
||||||
.popup-notification-header-container,
|
.popup-notification-header-container,
|
||||||
.popup-notification-body-container,
|
.popup-notification-body-container,
|
||||||
.popup-notification-footer-container
|
.popup-notification-footer-container
|
||||||
):first-child:not(:empty) {
|
):first-child:not(:empty) {
|
||||||
padding-top: var(--gnome-menu-padding) !important;
|
padding-top: var(--gnome-menu-padding) !important;
|
||||||
}
|
}
|
||||||
|
.panel-subview-body > .panel-subview-body {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
/* Padding with margign */
|
/* Padding with margign */
|
||||||
.subviewbutton.panel-subview-footer-button {
|
.subviewbutton.panel-subview-footer-button {
|
||||||
margin: var(--gnome-menu-padding) !important;
|
margin: var(--gnome-menu-padding) !important;
|
||||||
|
@ -186,9 +190,7 @@ menuitem, menupopup menu,
|
||||||
/* Menu buttons hover */
|
/* Menu buttons hover */
|
||||||
menuitem:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
menuitem:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
||||||
menupopup menu:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
menupopup menu:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
||||||
.subviewbutton:not([disabled],
|
.subviewbutton:not([disabled], #appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
|
||||||
#appMenu-zoom-controls2, #appMenu-fxa-label2):hover,
|
|
||||||
.toolbarbutton-1:not([disabled]):hover,
|
|
||||||
.protections-popup-footer-button:not([disabled]):hover,
|
.protections-popup-footer-button:not([disabled]):hover,
|
||||||
#protections-popup-show-report-stack:hover .protections-popup-footer-button,
|
#protections-popup-show-report-stack:hover .protections-popup-footer-button,
|
||||||
.protections-popup-category:not([disabled]):hover,
|
.protections-popup-category:not([disabled]):hover,
|
||||||
|
@ -207,6 +209,7 @@ menupopup menu:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
||||||
|
|
||||||
/* Menu buttons back */
|
/* Menu buttons back */
|
||||||
.subviewbutton-back {
|
.subviewbutton-back {
|
||||||
|
opacity: 1 !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
-moz-box-align: center !important;
|
-moz-box-align: center !important;
|
||||||
-moz-box-pack: start !important;
|
-moz-box-pack: start !important;
|
||||||
|
@ -221,6 +224,14 @@ menupopup menu:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Menu headers */
|
||||||
|
.subview-subheader {
|
||||||
|
font: menu !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
padding-block: 0 !important;
|
||||||
|
margin: 0 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Style popover separators */
|
/* Style popover separators */
|
||||||
toolbarseparator, menuseparator {
|
toolbarseparator, menuseparator {
|
||||||
border-color: var(--gnome-menu-separator-color) !important;
|
border-color: var(--gnome-menu-separator-color) !important;
|
||||||
|
|
Loading…
Reference in New Issue