[gnome-themes-standard] added osd button hover state
- From: Jakub Steiner <jimmac src gnome org>
 
- To: commits-list gnome org
 
- Cc: 
 
- Subject: [gnome-themes-standard] added osd button hover state
 
- Date: Mon,  9 Jun 2014 13:22:24 +0000 (UTC)
 
commit c672f0bd1eeafa343e50be13a17ee9644d8d2519
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Fri Jun 6 17:51:36 2014 +0200
    added osd button hover state
 themes/Adwaita/gtk-3.0/_common.scss           |    3 ++-
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   12 +++++++++---
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   12 +++++++++---
 3 files changed, 20 insertions(+), 7 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 7538bd2..1dad323 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -227,8 +227,9 @@
     padding: 6px;
     border-width: 1px;
     @include button(osd);
-    &:insensitive { @include button(osd-insensitive); }
+    &:hover { @include button(osd-hover); }
     &:active { @include button(osd-active); }
+    &:insensitive { @include button(osd-insensitive); }
     &:backdrop { @include button(osd-backdrop); }
   }
   // Suggested and Destructive Action buttons
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 6b94734..2eb65c8 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -248,18 +248,24 @@
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), 
rgba(0, 0, 0, 0.01));
     border-color: rgba(255, 255, 255, 0.2);
     box-shadow: none; }
-    .osd .button:insensitive {
+    .osd .button:hover {
       border-width: 1px;
       border-style: solid;
-      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8));
+      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), 
rgba(0, 0, 0, 0.01));
       border-color: rgba(255, 255, 255, 0.2);
-      color: #939695; }
+      box-shadow: none; }
     .osd .button:active {
       border-width: 1px;
       border-style: solid;
       background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 
255, 255, 0.1));
       border-color: rgba(255, 255, 255, 0.2);
       box-shadow: none; }
+    .osd .button:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8));
+      border-color: rgba(255, 255, 255, 0.2);
+      color: #939695; }
     .osd .button:backdrop {
       border-width: 1px;
       border-style: solid; }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 3fb68f1..d73f1d2 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -248,18 +248,24 @@
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), 
rgba(0, 0, 0, 0.01));
     border-color: rgba(255, 255, 255, 0.2);
     box-shadow: none; }
-    .osd .button:insensitive {
+    .osd .button:hover {
       border-width: 1px;
       border-style: solid;
-      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8));
+      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), 
rgba(0, 0, 0, 0.01));
       border-color: rgba(255, 255, 255, 0.2);
-      color: #8d9091; }
+      box-shadow: none; }
     .osd .button:active {
       border-width: 1px;
       border-style: solid;
       background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 
255, 255, 0.1));
       border-color: rgba(255, 255, 255, 0.2);
       box-shadow: none; }
+    .osd .button:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8));
+      border-color: rgba(255, 255, 255, 0.2);
+      color: #8d9091; }
     .osd .button:backdrop {
       border-width: 1px;
       border-style: solid; }
[
Date Prev][
Date Next]   [
Thread Prev][
Thread Next]   
[
Thread Index]
[
Date Index]
[
Author Index]