[gtk+] Adwaita: transition :active buttons faster than the other states



commit c9152d2a71b5154154fd0eef09e846b7b814d3e2
Author: Jakub Steiner <jimmac gmail com>
Date:   Tue Jul 1 17:46:24 2014 +0200

    Adwaita: transition :active buttons faster than the other states
    
    https://bugzilla.gnome.org/show_bug.cgi?id=732134

 gtk/resources/theme/Adwaita/_common.scss           |    3 ++-
 gtk/resources/theme/Adwaita/gtk-contained-dark.css |    4 +++-
 gtk/resources/theme/Adwaita/gtk-contained.css      |    4 +++-
 3 files changed, 8 insertions(+), 3 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index 365b6d9..1fcf878 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -214,7 +214,7 @@ GtkLabel {
 
 .button {
   border-radius: 3px;
-//  transition: all 200ms ease-out;
+  transition: all 200ms ease-out;
   padding: 4px 6px;
   @include button(normal);
   &:hover, &.flat:hover {
@@ -223,6 +223,7 @@ GtkLabel {
   }
   &:active, &.flat:active {
     @include button(active);
+    transition-duration: 50ms;
   }
   &:backdrop, &.flat:backdrop {
     @include button(backdrop);
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css 
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index ad800ef..68c4b63 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -213,6 +213,7 @@
  ***********/
 .button {
   border-radius: 3px;
+  transition: all 200ms ease-out;
   padding: 4px 6px;
   border-width: 1px;
   border-style: solid;
@@ -240,7 +241,8 @@
     background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
     text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1);
+    transition-duration: 50ms; }
   .button:backdrop, .button.flat:backdrop {
     border-width: 1px;
     border-style: solid;
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index e43fae0..86c8e8e 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -213,6 +213,7 @@
  ***********/
 .button {
   border-radius: 3px;
+  transition: all 200ms ease-out;
   padding: 4px 6px;
   border-width: 1px;
   border-style: solid;
@@ -240,7 +241,8 @@
     background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
     text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; }
+    box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white;
+    transition-duration: 50ms; }
   .button:backdrop, .button.flat:backdrop {
     border-width: 1px;
     border-style: solid;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]