From 3a7798221346a76d0820f9bc28b295b8a16d9d1f Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 5 May 2015 22:10:38 +0200 Subject: All themes themes GTK3: enable spinner animation to use mate logo with latest commits from mate-icon-theme --- .../TraditionalOkTest/gtk-3.0/gtk-widgets.css | 25 ++++++++++++---------- 1 file changed, 14 insertions(+), 11 deletions(-) (limited to 'desktop-themes/TraditionalOkTest/gtk-3.0') diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css index 49103f54..9fbec644 100644 --- a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css @@ -97,34 +97,37 @@ GtkGrid:insensitive { background-color: transparent; } -/***************** - * Miscellaneous * - *****************/ +/********************* + * Spinner Animation * + *********************/ +/* This is could be CPU-intensive */ -/* This is CPU-intensive, no animation */ -/* @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } -*/ -@keyframes spin { - to { -gtk-icon-transform: rotate(0turn); } -} .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + .spinner:active { opacity: 1; - animation: spin 1s linear infinite; -} + animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } +.button .spinner:active { + color: @theme_fg_color; +} + +/***************** + * Miscellaneous * + *****************/ + .floating-bar { background-image: linear-gradient( to bottom, -- cgit v1.2.1