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

[dash] Add a fade effect when hovering over items

Browse Source 
Use a subtle hover transition in order to avoid abrupt visual
changes.

https://bugzilla.gnome.org/show_bug.cgi?id=620782
This commit is contained in:
Florian Müllner 2010-06-01 16:43:43 +02:00
parent dad80b3d20
commit 466f661436
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -548,6 +548,7 @@ StTooltip {
width: 70px; width: 70px;
height: 70px; height: 70px;
font-size: 10px; font-size: 10px;
transition-duration: 200;
} }
.app-well-app.running { .app-well-app.running {
@ -565,6 +566,7 @@ StTooltip {
background-gradient-direction: vertical; background-gradient-direction: vertical;
background-gradient-start: rgba(61,61,61,0.8); background-gradient-start: rgba(61,61,61,0.8);
background-gradient-end: rgba(24,24,24,0.2); background-gradient-end: rgba(24,24,24,0.2);
transition-duration: 200;
} }
.app-well-app:active { .app-well-app:active {
@ -614,6 +616,7 @@ StTooltip {
border: 1px solid #181818; border: 1px solid #181818;
padding-left: 4px; padding-left: 4px;
padding-right: 4px; padding-right: 4px;
transition-duration: 200;
} }
.places-item:hover { .places-item:hover {
@ -621,6 +624,7 @@ StTooltip {
background-gradient-direction: vertical; background-gradient-direction: vertical;
background-gradient-start: rgba(61,61,61,0.8); background-gradient-start: rgba(61,61,61,0.8);
background-gradient-end: rgba(24,24,24,0.2); background-gradient-end: rgba(24,24,24,0.2);
transition-duration: 200;
} }
/* Recent items */ /* Recent items */
@ -635,6 +639,7 @@ StTooltip {
border: 1px solid #181818; border: 1px solid #181818;
padding-left: 4px; padding-left: 4px;
padding-right: 4px; padding-right: 4px;
transition-duration: 200;
} }
.recent-docs-item:hover { .recent-docs-item:hover {
@ -642,6 +647,7 @@ StTooltip {
background-gradient-direction: vertical; background-gradient-direction: vertical;
background-gradient-start: rgba(61,61,61,0.8); background-gradient-start: rgba(61,61,61,0.8);
background-gradient-end: rgba(24,24,24,0.2); background-gradient-end: rgba(24,24,24,0.2);
transition-duration: 200;
} }
/* LookingGlass */ /* LookingGlass */