High Contrast: osd spinbutton fixes

- don't jump around for :backdrop
- only shade focused widgets
This commit is contained in:
Jakub Steiner 2016-03-18 15:30:46 +01:00
parent c94afa01c4
commit 4fc5832cfd
3 changed files with 26 additions and 10 deletions

View File

@ -957,6 +957,7 @@ spinbutton {
.osd &:not(.vertical) {
border-color: $osd_borders_color;
color: $fg_color;
box-shadow: none;
&:focus, &:active {
border-color: opacify($osd_borders_color,0.5);
@ -964,9 +965,12 @@ spinbutton {
}
entry {
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
box-shadow: none;
color: $fg_color;
text-shadow: none;
&:focus, &:active {
box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8);
}
}
button {
@ -992,9 +996,10 @@ spinbutton {
&:backdrop {
@include button(undecorated);
color: $osd_fg_color;
color: $insensitive_fg_color;
border-color: transparentize($borders_color,0.9);
box-shadow: none;
border-style: none none none solid;
}
&:disabled {
@ -1002,6 +1007,7 @@ spinbutton {
color: $insensitive_fg_color;
border-color: transparentize($borders_color,0.9);
border-style: none none none solid;
box-shadow: none;
}

View File

@ -1104,14 +1104,17 @@ spinbutton:not(.vertical) {
border-style: none solid none none; }
.osd spinbutton:not(.vertical) {
border-color: rgba(255, 255, 255, 0.2);
color: #fff; }
color: #fff;
box-shadow: none; }
.osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active {
border-color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) entry {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
box-shadow: none;
color: #fff;
text-shadow: none; }
.osd spinbutton:not(.vertical) entry:focus, .osd spinbutton:not(.vertical) entry:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) button {
border-width: 2px;
border-style: solid;
@ -1144,12 +1147,14 @@ spinbutton:not(.vertical) {
background-color: transparent;
background-image: none;
border-color: transparent;
color: #fff;
color: gray;
border-color: rgba(128, 128, 128, 0.1);
box-shadow: none; }
box-shadow: none;
border-style: none none none solid; }
.osd spinbutton:not(.vertical) button:disabled {
color: gray;
border-color: rgba(128, 128, 128, 0.1);
border-style: none none none solid;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child {
border-radius: 0 3px 3px 0; }

View File

@ -1108,14 +1108,17 @@ spinbutton:not(.vertical) {
border-style: none solid none none; }
.osd spinbutton:not(.vertical) {
border-color: rgba(255, 255, 255, 0.2);
color: #000; }
color: #000;
box-shadow: none; }
.osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):active {
border-color: rgba(255, 255, 255, 0.7);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) entry {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
box-shadow: none;
color: #000;
text-shadow: none; }
.osd spinbutton:not(.vertical) entry:focus, .osd spinbutton:not(.vertical) entry:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.osd spinbutton:not(.vertical) button {
border-width: 2px;
border-style: solid;
@ -1148,12 +1151,14 @@ spinbutton:not(.vertical) {
background-color: transparent;
background-image: none;
border-color: transparent;
color: #fff;
color: gray;
border-color: rgba(128, 128, 128, 0.1);
box-shadow: none; }
box-shadow: none;
border-style: none none none solid; }
.osd spinbutton:not(.vertical) button:disabled {
color: gray;
border-color: rgba(128, 128, 128, 0.1);
border-style: none none none solid;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child {
border-radius: 0 3px 3px 0; }