Adwaita: Keep entry progress visible

When the entry is focused, make the progress one pixel wider
so it doesn't get swallowed by the focus outline.
This commit is contained in:
Matthias Clasen 2016-01-16 13:24:56 -05:00
parent 6e6cbd7316
commit 9d26038a10
3 changed files with 8 additions and 0 deletions

View File

@ -274,6 +274,10 @@ entry {
&:backdrop { background-color: transparent; } &:backdrop { background-color: transparent; }
} }
&:focus progress {
border-bottom-width: 3px;
}
.linked:not(.vertical) > & { @extend %linked; } .linked:not(.vertical) > & { @extend %linked; }
.linked:not(.vertical) > &:focus + entry, .linked:not(.vertical) > &:focus + entry,
.linked:not(.vertical) > &:focus + button, .linked:not(.vertical) > &:focus + button,

View File

@ -220,6 +220,8 @@ entry, spinbutton {
box-shadow: none; } box-shadow: none; }
entry progress:backdrop, spinbutton progress:backdrop { entry progress:backdrop, spinbutton progress:backdrop {
background-color: transparent; } background-color: transparent; }
entry:focus progress, spinbutton:focus progress {
border-bottom-width: 3px; }
.linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo { .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo {
border-left-color: #0f2b48; } border-left-color: #0f2b48; }
entry.error, spinbutton.error { entry.error, spinbutton.error {

View File

@ -220,6 +220,8 @@ entry, spinbutton {
box-shadow: none; } box-shadow: none; }
entry progress:backdrop, spinbutton progress:backdrop { entry progress:backdrop, spinbutton progress:backdrop {
background-color: transparent; } background-color: transparent; }
entry:focus progress, spinbutton:focus progress {
border-bottom-width: 3px; }
.linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo { .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > entry:focus + spinbutton, .linked:not(.vertical) > spinbutton:focus + spinbutton, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > entry:focus + combobox > button.combo, .linked:not(.vertical) > spinbutton:focus + combobox > button.combo {
border-left-color: #4a90d9; } border-left-color: #4a90d9; }
entry.error, spinbutton.error { entry.error, spinbutton.error {