Adwaita: GtkSwitch in selected list rows

This commit is contained in:
Lapo Calamandrei 2014-07-22 10:29:01 +02:00
parent 35e4421bb8
commit 3d5e9c9556
3 changed files with 28 additions and 15 deletions

View File

@ -1518,7 +1518,12 @@ GtkSwitch {
}
}
}
&.slider {
.list-row:selected & {
box-shadow: 0 0 0 1px $selected_fg_color;
&:backdrop { box-shadow: 0 0 0 1px $backdrop_base_color; }
}
&.slider,
.list-row:selected &.slider {
border-radius: 3px;
@include button(normal, $noedge: true);
box-shadow: inset 0 1px if($variant=='light', white,

View File

@ -1606,7 +1606,11 @@ GtkSwitch {
color: #454c4c;
border-color: #1e2222;
background-color: #323636; }
GtkSwitch.slider {
.list-row:selected GtkSwitch {
box-shadow: 0 0 0 1px white; }
.list-row:selected GtkSwitch:backdrop {
box-shadow: 0 0 0 1px #2c2c2c; }
GtkSwitch.slider, .list-row:selected GtkSwitch.slider {
border-radius: 3px;
border-style: solid;
border-width: 1px;
@ -1617,7 +1621,7 @@ GtkSwitch {
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
GtkSwitch.slider:hover {
GtkSwitch.slider:hover, .list-row:selected GtkSwitch.slider:hover {
border-style: solid;
color: #eeeeec;
border-color: #1c1f1f;
@ -1626,9 +1630,9 @@ GtkSwitch {
icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
GtkSwitch.slider:active {
GtkSwitch.slider:active, .list-row:selected GtkSwitch.slider:active {
border: 1px solid #0f2b48; }
GtkSwitch.slider:insensitive {
GtkSwitch.slider:insensitive, .list-row:selected GtkSwitch.slider:insensitive {
border-style: solid;
color: #939695;
border-color: #1c1f1f;
@ -1636,7 +1640,7 @@ GtkSwitch {
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop {
GtkSwitch.slider:backdrop, .list-row:selected GtkSwitch.slider:backdrop {
border-style: solid;
color: #c9cbc9;
border-color: #1e2222;
@ -1644,9 +1648,9 @@ GtkSwitch {
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop:active {
GtkSwitch.slider:backdrop:active, .list-row:selected GtkSwitch.slider:backdrop:active {
border-color: #215d9c; }
GtkSwitch.slider:backdrop:insensitive {
GtkSwitch.slider:backdrop:insensitive, .list-row:selected GtkSwitch.slider:backdrop:insensitive {
border-style: solid;
color: #454c4c;
border-color: #1e2222;

View File

@ -1600,7 +1600,11 @@ GtkSwitch {
color: #c7c7c7;
border-color: #a8a8a8;
background-color: #f4f4f4; }
GtkSwitch.slider {
.list-row:selected GtkSwitch {
box-shadow: 0 0 0 1px white; }
.list-row:selected GtkSwitch:backdrop {
box-shadow: 0 0 0 1px #fcfcfc; }
GtkSwitch.slider, .list-row:selected GtkSwitch.slider {
border-radius: 3px;
border-style: solid;
border-width: 1px;
@ -1611,7 +1615,7 @@ GtkSwitch {
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white;
box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; }
GtkSwitch.slider:hover {
GtkSwitch.slider:hover, .list-row:selected GtkSwitch.slider:hover {
border-style: solid;
color: #2e3436;
border-color: #a1a1a1;
@ -1620,9 +1624,9 @@ GtkSwitch {
icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 1px white;
box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; }
GtkSwitch.slider:active {
GtkSwitch.slider:active, .list-row:selected GtkSwitch.slider:active {
border: 1px solid #184472; }
GtkSwitch.slider:insensitive {
GtkSwitch.slider:insensitive, .list-row:selected GtkSwitch.slider:insensitive {
border-style: solid;
color: #8d9091;
border-color: #a1a1a1;
@ -1630,7 +1634,7 @@ GtkSwitch {
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop {
GtkSwitch.slider:backdrop, .list-row:selected GtkSwitch.slider:backdrop {
border-style: solid;
color: #54595a;
border-color: #a8a8a8;
@ -1638,9 +1642,9 @@ GtkSwitch {
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
GtkSwitch.slider:backdrop:active {
GtkSwitch.slider:backdrop:active, .list-row:selected GtkSwitch.slider:backdrop:active {
border-color: #4a90d9; }
GtkSwitch.slider:backdrop:insensitive {
GtkSwitch.slider:backdrop:insensitive, .list-row:selected GtkSwitch.slider:backdrop:insensitive {
border-style: solid;
color: #c7c7c7;
border-color: #a8a8a8;