[gtk+] Adwaita: GtkSwitch in selected list rows
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: GtkSwitch in selected list rows
- Date: Tue, 22 Jul 2014 08:30:09 +0000 (UTC)
commit 3d5e9c9556a6abdebf0d816387d42e7bc018f959
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Tue Jul 22 10:29:01 2014 +0200
Adwaita: GtkSwitch in selected list rows
gtk/resources/theme/Adwaita/_common.scss | 7 ++++++-
gtk/resources/theme/Adwaita/gtk-contained-dark.css | 18 +++++++++++-------
gtk/resources/theme/Adwaita/gtk-contained.css | 18 +++++++++++-------
3 files changed, 28 insertions(+), 15 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index 163ba46..29ef886 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -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,
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index bcfcea9..88e428d 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -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;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index ca9396f..5e6dc6a 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -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;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]