From 03391a5fb263b3960a4d2ce69de90cb9f1a046da Mon Sep 17 00:00:00 2001 From: Rafael Mardojai CM Date: Sat, 10 Aug 2019 16:28:54 -0500 Subject: [PATCH] Rework popup panels (popovers), also fix #66 --- theme/parts/popups.css | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/theme/parts/popups.css b/theme/parts/popups.css index 92c6f1b..cc2fa83 100644 --- a/theme/parts/popups.css +++ b/theme/parts/popups.css @@ -44,11 +44,12 @@ panel:not(.tooltip-xul-wrapper) .panel-arrowcontent { border-color: var(--gnome-popover-border-color) !important; border-radius: 9px; box-shadow: var(--gnome-popover-shadow) !important; - padding: 14px !important; + padding: 0 !important; color: var(--gnome-toolbar-color) !important; } -.panel-subview-body { - padding: 0 !important; + +.panel-subview-body, .panel-view-body-unscrollable, .panel-header, .panel-footer { + padding: 14px !important; } .PanelUI-subView toolbarseparator:not([orient="vertical"]) { @@ -60,19 +61,29 @@ panel:not(.tooltip-xul-wrapper) .panel-arrowcontent { stroke: var(--gnome-popover-border-color) !important; } +.panel-header { + margin-top: 10px !important; +} + .panel-footer { background-color: transparent !important; display: flex; justify-content: flex-end; + padding-top: 0 !important; } .panel-footer toolbarseparator { display: none !important; } +.panel-subview-footer { + margin: 0 10px 10px !important; +} + /* Use --arrowpanel-background for popover background when content is remote */ panel:not(.tooltip-xul-wrapper)[type=arrow][remote] .panel-arrowcontent { background: var(--arrowpanel-background) !important; + padding: 14px !important; } panel:not(.tooltip-xul-wrapper)[type=arrow][remote] .panel-arrow { fill: var(--arrowpanel-background) !important; @@ -111,8 +122,3 @@ toolbarseparator:not([orient="vertical"]) { toolbarseparator[orient="vertical"] { margin: 0 3px !important; } - -/* Remove popover header separator */ -.panel-header { - border-bottom: 0 !important; -}