[Sugar-devel] [PATCH artwork] Style active state of activities in home view for tap and click feedback

Manuel Quiñones manuq at laptop.org
Wed Oct 3 16:53:10 EDT 2012


Add a light grey background, which is the same size as the grey
outline that appears when the icon is hovered.

Also, make the rectangle corners a bit more round.

Signed-off-by: Manuel Quiñones <manuq at laptop.org>
---
 gtk3/theme/gtk-widgets.css.em | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index b9a39d5..b596764 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -687,11 +687,20 @@ SugarFrameWindow {
 
 /* Sugar Favorite Activity icon */
 
+SugarFavoriteActivityIcon {
+    border-color: transparent;
+    border-radius: $(4 * thickness)px;
+    border-width: 2px;
+    border-style: solid;
+}
+
 SugarFavoriteActivityIcon:prelight {
     border-color: @selection_grey;
-    border-radius: $(2 * thickness)px;
-    border-width: $(thickness)px;
-    border-style: solid;
+}
+
+SugarFavoriteActivityIcon:active {
+    border-color: @text_field_grey;
+    background-color: @text_field_grey;
 }
 
 /* Text cursor handles */
-- 
1.7.11.4



More information about the Sugar-devel mailing list