[gtk+] Adwaita: avoid sizing transition on the scale...



commit 16dc164292dcc53a189e71679a8834be46f02068
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Mar 24 13:15:23 2016 +0100

    Adwaita: avoid sizing transition on the scale...
    
    ... since it ends up jumpy.

 gtk/theme/Adwaita/_common.scss           |    1 +
 gtk/theme/Adwaita/gtk-contained-dark.css |    3 ++-
 gtk/theme/Adwaita/gtk-contained.css      |    3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index b0af8bf..d8be13d 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2837,6 +2837,7 @@ scale {
     border: 1px solid darken($borders_color, 3%);
     border-radius: 100%;
     transition: $button_transition;
+    transition-property: background, border, box-shadow;
 
     &:hover { @include button(hover-alt, $edge: $shadow_color); }
 
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 3d93391..4ca5eb1 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2997,7 +2997,8 @@ scale {
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2f3434, inset 0 -1px #232727, 0 1px 
rgba(0, 0, 0, 0.1);
     border: 1px solid #151717;
     border-radius: 100%;
-    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-property: background, border, box-shadow; }
     scale slider:hover {
       color: #eeeeec;
       outline-color: rgba(238, 238, 236, 0.3);
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index df05b7b..99adfee 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -3026,7 +3026,8 @@ scale {
     box-shadow: inset 0 1px white, inset 0 -2px #ededec, inset 0 -1px #cacac8, 0 1px rgba(0, 0, 0, 0.1);
     border: 1px solid #969691;
     border-radius: 100%;
-    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-property: background, border, box-shadow; }
     scale slider:hover {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);


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