Popups: Padding improvements (related to #381)
This commit is contained in:
parent
46fa89c92c
commit
22af15c659
|
@ -68,10 +68,18 @@
|
||||||
}
|
}
|
||||||
#editBookmarkPanelRows,
|
#editBookmarkPanelRows,
|
||||||
#editBookmarkPanelBottomContent {
|
#editBookmarkPanelBottomContent {
|
||||||
padding: 6px 1px !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
#editBookmarkPanelBottomButtons {
|
#editBookmarkPanelBottomButtons {
|
||||||
margin: 12px 0 0 !important;
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
#editBookmarkPanelBottomContent {
|
||||||
|
margin-bottom: 12px !important;
|
||||||
|
}
|
||||||
|
#editBookmarkPanelBottomContent,
|
||||||
|
#editBookmarkPanelRows vbox {
|
||||||
|
margin: 6px 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Downloads popover */
|
/* Downloads popover */
|
||||||
|
@ -159,8 +167,8 @@
|
||||||
#identity-popup-mainView-panel-header,
|
#identity-popup-mainView-panel-header,
|
||||||
#permission-popup-mainView-panel-header,
|
#permission-popup-mainView-panel-header,
|
||||||
#protections-popup-mainView-panel-header {
|
#protections-popup-mainView-panel-header {
|
||||||
min-width: calc(var(--popup-width) + 16px) !important;
|
min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
||||||
max-width: calc(var(--popup-width) + 16px) !important;
|
min-width: calc(var(--popup-width) + (var(--gnome-menu-padding) * 2)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Identity popup */
|
/* Identity popup */
|
||||||
|
@ -193,9 +201,6 @@
|
||||||
#permission-popup-permissions-content {
|
#permission-popup-permissions-content {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
.permission-popup-section {
|
|
||||||
padding: 0 !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;
|
||||||
|
|
|
@ -42,32 +42,51 @@ panel {
|
||||||
--arrowpanel-padding: 0 !important;
|
--arrowpanel-padding: 0 !important;
|
||||||
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
|
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
|
||||||
--arrowpanel-border-radius: 12px !important;
|
--arrowpanel-border-radius: 12px !important;
|
||||||
|
--gnome-menu-padding: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Padding rules */
|
/* Padding rules */
|
||||||
#sidebarMenu-popup {
|
#sidebarMenu-popup {
|
||||||
--arrowpanel-padding: 6px !important;
|
--arrowpanel-padding: var(--gnome-menu-padding) !important;
|
||||||
}
|
}
|
||||||
.panel-subview-body, .panel-header,
|
.panel-header, .panel-footer,
|
||||||
|
.panel-subview-body,
|
||||||
.protections-popup-section,
|
.protections-popup-section,
|
||||||
#protections-popup-mainView-panel-header-section,
|
#protections-popup-mainView-panel-header-section,
|
||||||
.identity-popup-section {
|
.permission-popup-section,
|
||||||
padding: 0 6px 6px !important;
|
.identity-popup-section,
|
||||||
|
.popup-notification-header-container,
|
||||||
|
.popup-notification-body-container,
|
||||||
|
.popup-notification-footer-container {
|
||||||
|
padding: 0 var(--gnome-menu-padding) var(--gnome-menu-padding) !important;
|
||||||
}
|
}
|
||||||
:is(
|
:is(
|
||||||
.panel-subview-body, .panel-header,
|
.panel-header, .panel-footer,
|
||||||
|
.panel-subview-body,
|
||||||
.protections-popup-section,
|
.protections-popup-section,
|
||||||
#protections-popup-mainView-panel-header-section,
|
#protections-popup-mainView-panel-header-section,
|
||||||
.identity-popup-section
|
.permission-popup-section,
|
||||||
):first-child {
|
.identity-popup-section,
|
||||||
padding-top: 6px !important;
|
.popup-notification-header-container,
|
||||||
|
.popup-notification-body-container,
|
||||||
|
.popup-notification-footer-container
|
||||||
|
):first-child:not(:empty) {
|
||||||
|
padding-top: var(--gnome-menu-padding) !important;
|
||||||
}
|
}
|
||||||
/* Padding with margign */
|
/* Padding with margign */
|
||||||
.subviewbutton.panel-subview-footer-button {
|
.subviewbutton.panel-subview-footer-button {
|
||||||
margin: 6px !important;
|
margin: var(--gnome-menu-padding) !important;
|
||||||
}
|
}
|
||||||
#identity-popup-security-button {
|
#identity-popup-security-button {
|
||||||
margin: 0 6px !important;
|
margin: 0 var(--gnome-menu-padding) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No menu */
|
||||||
|
#notification-popup,
|
||||||
|
#protections-popup,
|
||||||
|
#permission-popup,
|
||||||
|
#editBookmarkPanel {
|
||||||
|
--gnome-menu-padding: 12px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Panel arrow */
|
/* Panel arrow */
|
||||||
|
@ -83,17 +102,6 @@ panel {
|
||||||
display: -moz-inline-box !important;
|
display: -moz-inline-box !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-no-padding panelview, .panel-no-padding > .panel-subview-body, .panel-no-padding > .panel-header {
|
|
||||||
padding: var(--panel-padding) !important;
|
|
||||||
|
|
||||||
}
|
|
||||||
.panel-no-padding > .panel-header {
|
|
||||||
padding-bottom: 0 !important;
|
|
||||||
}
|
|
||||||
panel[type="arrow"].panel-no-padding::part(content) {
|
|
||||||
padding: var(--panel-padding) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Panel header */
|
/* Panel header */
|
||||||
.panel-header {
|
.panel-header {
|
||||||
position: relative !important;
|
position: relative !important;
|
||||||
|
@ -102,9 +110,10 @@ panel[type="arrow"].panel-no-padding::part(content) {
|
||||||
/* Panel footer */
|
/* Panel footer */
|
||||||
.panel-footer {
|
.panel-footer {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
display: flex;
|
margin: 0 !important;
|
||||||
justify-content: flex-end;
|
}
|
||||||
padding-top: 0px !important;
|
.panel-subview-body .panel-footer {
|
||||||
|
padding: 0 !important;
|
||||||
}
|
}
|
||||||
.panel-footer.panel-footer-menulike {
|
.panel-footer.panel-footer-menulike {
|
||||||
border-top: 0 !important;
|
border-top: 0 !important;
|
||||||
|
@ -199,7 +208,7 @@ menupopup menu:not([disabled]):is(:hover, [open], [_moz-menuactive]),
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
top: 11px !important;
|
top: 8px !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue