From c9152d2a71b5154154fd0eef09e846b7b814d3e2 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Tue, 1 Jul 2014 17:46:24 +0200 Subject: [PATCH] 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 365b6d9686..1fcf87840e 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 ad800ef403..68c4b632ce 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 e43fae0150..86c8e8e8ad 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;