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



commit 9c9460441ee82eb349953c10d5137e8afd60a0f1
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 2fce3d2..64930df 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -356,8 +356,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(128, 128, 128, 0.4);
     border-left: 0px;
@@ -547,7 +546,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;
@@ -556,22 +559,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]