[gnome-shell/overview-relayout: 7/22] dash: Move padding into the icon for Fittsability



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

    dash: 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.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=634948

 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 d2ce60d..d33d11b 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -371,8 +371,7 @@ StTooltip StLabel {
 #dash {
     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;
@@ -562,7 +561,11 @@ StTooltip StLabel {
     padding-bottom: 10px;
 }
 
-.app-well-app {
+#dash > .app-well-app {
+    padding: 6px 12px;
+}
+
+.app-well-app > .overview-icon {
     border-radius: 4px;
     padding: 4px;
     font-size: 10px;
@@ -571,22 +574,22 @@ StTooltip StLabel {
     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]