adwaita: Fix the padding of row.expander

This will allow to implement the expanding rows pattern.
This commit is contained in:
Adrien Plazas 2019-01-22 12:43:07 +01:00
parent 359bc7695c
commit 773efe41a9
3 changed files with 14 additions and 5 deletions

View File

@ -3662,7 +3662,8 @@ list {
border-color: $backdrop_borders_color; border-color: $backdrop_borders_color;
} }
row { padding: 2px; } row:not(.expander) { padding: 2px; }
row.expander .row-header { padding: 2px; }
} }
row { row {

View File

@ -68,7 +68,7 @@ label:disabled:backdrop { color: #656466; }
label:backdrop { color: #969696; } label:backdrop { color: #969696; }
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } .dim-label, label.separator, spinbutton:not(.vertical) placeholder, entry placeholder, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; }
assistant .sidebar { background-color: #26232d; border-top: 1px solid #2a2a2b; } assistant .sidebar { background-color: #26232d; border-top: 1px solid #2a2a2b; }
@ -108,6 +108,8 @@ spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), s
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #092444; outline: none; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #15539e; border-color: #092444; outline: none; }
spinbutton:focus:not(.vertical) > placeholder, entry:focus > placeholder { opacity: 0; /* We hide placeholders on focus */ }
spinbutton:disabled:not(.vertical), entry:disabled { color: #969696; border-color: #2a2a2b; background-color: #353338; box-shadow: none; } spinbutton:disabled:not(.vertical), entry:disabled { color: #969696; border-color: #2a2a2b; background-color: #353338; box-shadow: none; }
spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d3d6; border-color: #2f2e2f; background-color: #282530; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d3d6; border-color: #2f2e2f; background-color: #282530; box-shadow: none; transition: 200ms ease-out; }
@ -1588,7 +1590,9 @@ list { color: white; background-color: #26232d; border-color: #2a2a2b; }
list:backdrop { background-color: #282530; border-color: #2f2e2f; } list:backdrop { background-color: #282530; border-color: #2f2e2f; }
list row { padding: 2px; } list row:not(.expander) { padding: 2px; }
list row.expander .row-header { padding: 2px; }
row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

View File

@ -68,7 +68,7 @@ label:disabled:backdrop { color: #d4cfca; }
label:backdrop { color: #929595; } label:backdrop { color: #929595; }
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } .dim-label, label.separator, spinbutton:not(.vertical) placeholder, entry placeholder, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; }
assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dad6d2; } assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dad6d2; }
@ -108,6 +108,8 @@ spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), s
spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #3584e4; border-color: #3584e4; outline: none; } spinbutton:focus:not(.vertical), entry:focus { box-shadow: inset 0 0 0 1px #3584e4; border-color: #3584e4; outline: none; }
spinbutton:focus:not(.vertical) > placeholder, entry:focus > placeholder { opacity: 0; /* We hide placeholders on focus */ }
spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #dad6d2; background-color: #faf9f8; box-shadow: none; } spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #dad6d2; background-color: #faf9f8; box-shadow: none; }
spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; border-color: #e0ddd9; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #323232; border-color: #e0ddd9; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; }
@ -1608,7 +1610,9 @@ list { color: black; background-color: #ffffff; border-color: #dad6d2; }
list:backdrop { background-color: #fcfcfc; border-color: #e0ddd9; } list:backdrop { background-color: #fcfcfc; border-color: #e0ddd9; }
list row { padding: 2px; } list row:not(.expander) { padding: 2px; }
list row.expander .row-header { padding: 2px; }
row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }