Rework popup panels (popovers), also fix #66

This commit is contained in:
Rafael Mardojai CM 2019-08-10 16:28:54 -05:00
parent 2dc27aac05
commit 03391a5fb2
1 changed files with 14 additions and 8 deletions

View File

@ -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;
}