Make generic account editor ListBoxRow style reusable elsewhere
This commit is contained in:
parent
7f13ce491d
commit
433215570b
2 changed files with 40 additions and 37 deletions
76
ui/geary.css
76
ui/geary.css
|
|
@ -191,6 +191,45 @@ grid.geary-message-summary {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* GtkListboxRows with padded labels */
|
||||
|
||||
row.geary-labelled-row {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
row.geary-labelled-row > grid > * {
|
||||
margin: 18px 6px;
|
||||
}
|
||||
|
||||
row.geary-labelled-row > grid > *:first-child:dir(ltr),
|
||||
row.geary-labelled-row > grid > *:last-child:dir(rtl) {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
row.geary-labelled-row > grid > *:last-child:dir(ltr),
|
||||
row.geary-labelled-row > grid > *:first-child:dir(rtl) {
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
/* Images should have some padding to offset them from adjacent
|
||||
widgets, but care ust be taken since images are also used as children
|
||||
of other widgets like entries, comboboxes and switches, and these
|
||||
shouldn't be be touched. */
|
||||
row.geary-labelled-row widget > image,
|
||||
row.geary-labelled-row grid > image {
|
||||
padding: 0px 6px;
|
||||
}
|
||||
|
||||
row.geary-labelled-row > grid > combobox,
|
||||
row.geary-labelled-row > grid > entry,
|
||||
row.geary-labelled-row:not(.geary-add-row) > grid > image,
|
||||
row.geary-labelled-row > grid > switch {
|
||||
/* These use more space than labels, so set their valign to center
|
||||
when adding them and free up some space around them here to keep a
|
||||
consistent row height. */
|
||||
margin: 0 12px;
|
||||
}
|
||||
|
||||
/* Accounts.Editor */
|
||||
|
||||
grid.geary-accounts-editor-pane-content {
|
||||
|
|
@ -214,10 +253,6 @@ label.geary-settings-heading {
|
|||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
row.geary-settings {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
row.geary-settings entry {
|
||||
border-width: 0px;
|
||||
background-color: transparent;
|
||||
|
|
@ -233,20 +268,6 @@ row.geary-settings.geary-drag-icon {
|
|||
border: 1px solid @borders;
|
||||
}
|
||||
|
||||
row.geary-settings > grid > * {
|
||||
margin: 18px 6px;
|
||||
}
|
||||
|
||||
row.geary-settings > grid > *:first-child:dir(ltr),
|
||||
row.geary-settings > grid > *:last-child:dir(rtl) {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
row.geary-settings > grid > *:last-child:dir(ltr),
|
||||
row.geary-settings > grid > *:first-child:dir(rtl) {
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
/* dir pseudo-class used here for required additional specificity */
|
||||
row.geary-settings > grid > grid.geary-drag-handle:dir(ltr),
|
||||
row.geary-settings > grid > grid.geary-drag-handle:dir(rtl) {
|
||||
|
|
@ -267,25 +288,6 @@ frame.geary-settings.geary-signature {
|
|||
min-height: 5em;
|
||||
}
|
||||
|
||||
/* Images should have some padding to offset them from adjacent
|
||||
widgets, but care ust be taken since images are also used as children
|
||||
of other widgets like entries, comboboxes and switches, and these
|
||||
shouldn't be be touched. */
|
||||
row.geary-settings widget > image,
|
||||
row.geary-settings grid > image {
|
||||
padding: 0px 6px;
|
||||
}
|
||||
|
||||
row.geary-settings > grid > combobox,
|
||||
row.geary-settings > grid > entry,
|
||||
row.geary-settings:not(.geary-add-row) > grid > image,
|
||||
row.geary-settings > grid > switch {
|
||||
/* These use more space than labels, so set their valign to center
|
||||
when adding them and free up some space around them here to keep a
|
||||
consistent row height. */
|
||||
margin: 0 12px;
|
||||
}
|
||||
|
||||
buttonbox.geary-settings {
|
||||
margin-top: 36px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue