brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dash: Move padding into the icon for Fittsability

Browse Source 
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
This commit is contained in:
Florian Müllner 2010-09-30 23:49:07 +02:00
parent 3e4f744e56
commit 26225f0bfb
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
data/theme/gnome-shell.css
View File

@ -339,8 +339,7 @@ StTooltip StLabel {
#dash { #dash {
color: #5f5f5f; color: #5f5f5f;
font-size: 12px; font-size: 12px;
padding: 12px; padding: 6px 0px;
spacing: 6px;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border: 2px solid rgba(128, 128, 128, 0.4); border: 2px solid rgba(128, 128, 128, 0.4);
border-left: 0px; border-left: 0px;
@ -535,7 +534,11 @@ StTooltip StLabel {
padding-bottom: 10px; padding-bottom: 10px;
} }
.app-well-app { #dash > .app-well-app {
padding: 6px 12px;
}
.app-well-app > .overview-icon {
border-radius: 4px; border-radius: 4px;
padding: 4px; padding: 4px;
font-size: 10px; font-size: 10px;
@ -544,22 +547,22 @@ StTooltip StLabel {
text-align: center; text-align: center;
} }
.app-well-app.running { .app-well-app.running > .overview-icon {
text-shadow: black 0px 2px 2px; text-shadow: black 0px 2px 2px;
background-image: url("running-indicator.svg"); background-image: url("running-indicator.svg");
} }
.app-well-app.selected { .app-well-app.selected > .overview-icon {
background: rgba(255,255,255,0.33); background: rgba(255,255,255,0.33);
} }
.app-well-app:hover { .app-well-app:hover > .overview-icon {
background: rgba(255,255,255,0.33); background: rgba(255,255,255,0.33);
text-shadow: black 0px 2px 2px; text-shadow: black 0px 2px 2px;
transition-duration: 100; transition-duration: 100;
} }
.app-well-app:active { .app-well-app:active > .overview-icon {
background-color: #1e1e1e; background-color: #1e1e1e;
border: 1px solid #5f5f5f; border: 1px solid #5f5f5f;
} }