jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Popups: Padding improvements (related to #381)

This commit is contained in:
Rafael Mardojai CM 2022-05-20 11:45:52 -05:00
parent 46fa89c92c
commit 22af15c659
2 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
theme/parts/popups-contents.css
View File

@ -68,10 +68,18 @@
}
#editBookmarkPanelRows,
#editBookmarkPanelBottomContent {
padding: 6px 1px !important;
padding: 0 !important;
}
#editBookmarkPanelBottomButtons {
margin: 12px 0 0 !important;
margin: 0 !important;
}
#editBookmarkPanelBottomContent {
margin-bottom: 12px !important;
}
#editBookmarkPanelBottomContent,
#editBookmarkPanelRows vbox {
margin: 6px 0;
}
/* Downloads popover */
@ -159,8 +167,8 @@
#identity-popup-mainView-panel-header,
#permission-popup-mainView-panel-header,
#protections-popup-mainView-panel-header {
min-width: calc(var(--popup-width) + 16px) !important;
max-width: calc(var(--popup-width) + 16px) !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;
}
/* Identity popup */
@ -193,9 +201,6 @@
#permission-popup-permissions-content {
padding: 0 !important;
}
.permission-popup-section {
padding: 0 !important;
}
.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
margin-top: 0 !important;

59
theme/parts/popups.css
View File

@ -42,32 +42,51 @@ panel {
--arrowpanel-padding: 0 !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--arrowpanel-border-radius: 12px !important;
--gnome-menu-padding: 6px;
}
/* Padding rules */
#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-mainView-panel-header-section,
.identity-popup-section {
padding: 0 6px 6px !important;
.permission-popup-section,
.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(
.panel-subview-body, .panel-header,
.panel-header, .panel-footer,
.panel-subview-body,
.protections-popup-section,
#protections-popup-mainView-panel-header-section,
.identity-popup-section
):first-child {
padding-top: 6px !important;
.permission-popup-section,
.identity-popup-section,
.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 */
.subviewbutton.panel-subview-footer-button {
margin: 6px !important;
margin: var(--gnome-menu-padding) !important;
}
#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 */
@ -83,17 +102,6 @@ panel {
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 {
position: relative !important;
@ -102,9 +110,10 @@ panel[type="arrow"].panel-no-padding::part(content) {
/* Panel footer */
.panel-footer {
background-color: transparent !important;
display: flex;
justify-content: flex-end;
padding-top: 0px !important;
margin: 0 !important;
}
.panel-subview-body .panel-footer {
padding: 0 !important;
}
.panel-footer.panel-footer-menulike {
border-top: 0 !important;
@ -199,7 +208,7 @@ menupopup menu:not([disabled]):is(:hover, [open], [_moz-menuactive]),
padding: 0 !important;
pointer-events: none;
position: absolute !important;
top: 11px !important;
top: 8px !important;
width: 100%;
}