[gnome-shell/overview-relayout: 7/13] app-well: Move padding into the icon for Fittsability



commit 7512f86c17a9a6470b4b9316468e54c1f33645f2
Author: Florian Müllner <fmuellner gnome org>
Date:   Thu Sep 30 23:49:07 2010 +0200

    app-well: Move padding into the icon for Fittsability
    
    With this change, the icons' reactive area extends to the screen
    edge, making them good targets according to Fitts' law.

 data/theme/gnome-shell.css |   17 ++++++++++-------
 1 files changed, 10 insertions(+), 7 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index b4838e2..26c9b70 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -364,8 +364,7 @@ StTooltip {
 #AppWell {
     color: #5f5f5f;
     font-size: 12px;
-    padding: 12px;
-    spacing: 6px;
+    padding: 6px 0px;
     background-color: rgba(0, 0, 0, 0.5);
     border: 2px solid rgba(255, 255, 255, 0.5);
     border-left: 0px;
@@ -555,7 +554,11 @@ StTooltip {
     padding-bottom: 10px;
 }
 
-.app-well-app {
+#AppWell > .app-well-app {
+    padding: 6px 12px;
+}
+
+.app-well-app > .overview-icon {
     border-radius: 4px;
     padding: 4px;
     font-size: 10px;
@@ -564,22 +567,22 @@ StTooltip {
     text-align: center;
 }
 
-.app-well-app.running {
+.app-well-app.running > .overview-icon {
     text-shadow: black 0px 2px 2px;
     background-image: url("running-indicator.svg");
 }
 
-.app-well-app.selected {
+.app-well-app.selected > .overview-icon {
     background: rgba(255,255,255,0.33);
 }
 
-.app-well-app:hover {
+.app-well-app:hover > .overview-icon {
     background: rgba(255,255,255,0.33);
     text-shadow: black 0px 2px 2px;
     transition-duration: 100;
 }
 
-.app-well-app:active {
+.app-well-app:active > .overview-icon {
     background-color: #1e1e1e;
     border: 1px solid #5f5f5f;
 }



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