Rework popup panels (popovers), also fix #66
This commit is contained in:
parent
2dc27aac05
commit
03391a5fb2
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue