commit db5fa645cd7f4143c25e8ce02ea946fd3e34a7bb
Author: Jakub Steiner <jimmac gmail com>
Date: Thu Oct 16 21:01:09 2014 +0200
theme: overview-icon fixes
data/gnome-shell-theme.gresource.xml | 2 --
data/theme/_common.scss | 22 ++++++++++++----------
data/theme/gnome-shell.css | 23 +++++++++++++++--------
3 files changed, 27 insertions(+), 20 deletions(-)
---
diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index d473494..0d90fca 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -25,8 +25,6 @@
<file>page-indicator-checked.svg</file>
<file>page-indicator-hover.svg</file>
<file>panel-button-border.svg</file>
- <file>panel-button-highlight-narrow.svg</file>
- <file>panel-button-highlight-wide.svg</file>
<file>process-working.svg</file>
<file>running-indicator.svg</file>
<file>source-button-border.svg</file>
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index e0b45d7..2414bb4 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -478,11 +478,6 @@ StScrollBar {
height: 24px;
}
- .overview-icon {
- &:hover {
- background-color: transparentize($osd_bg_color,0.6);
- }
- }
}
.dash-label { //osd tooltip
@@ -531,18 +526,29 @@ StScrollBar {
& > .overview-icon {
@extend %icon_tile;
}
+ &.running > .overview-icon {
+ text-shadow: black 0px 2px 2px;
+ }
&:active > .overview-icon,
&:checked > .overview-icon {
background-color: transparentize($osd_bg_color,.1);
}
&:hover > .overview-icon,
+ &.running:hover > .overview-icon,
&:focus > .overview-icon,
&:selected > .overview-icon {
- background-color: transparentize($osd_bg_color,.5);
+ background-color: transparentize($osd_bg_color,.5);
+ border-image: none;
+ background-image: none;
}
}
+ .app-well-app-running-dot {
+ width: 10px; height: 5px;
+ background-color: $selected_bg_color;
+ }
+
%icon_tile {
border-radius: 4px;
padding: 6px;
@@ -551,10 +557,6 @@ StScrollBar {
text-align: center;
}
- .app-well-app.running > .overview-icon {
- text-shadow: black 0px 2px 2px;
- border-image: url("panel-button-border.svg") 6 10 0 2; //fixme needs to not be blurry and a little
narrower
- }
.app-well-app.app-folder > .overview-icon {
background-color: transparentize($osd_bg_color,.6);
}
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 9221aba..c02ca63 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1703,8 +1703,6 @@ StScrollBar {
#dash .empty-dash-drop-target {
width: 24px;
height: 24px; }
- #dash .overview-icon:hover {
- background-color: rgba(46, 52, 54, 0.4); }
.dash-label {
border-radius: 7px;
@@ -1747,20 +1745,33 @@ StScrollBar {
.list-search-result:hover {
background-color: rgba(46, 52, 54, 0.5); }
+.app-well-app.running > .overview-icon,
+.show-apps.running > .overview-icon,
+.grid-search-result.running > .overview-icon {
+ text-shadow: black 0px 2px 2px; }
.app-well-app:active > .overview-icon, .app-well-app:checked > .overview-icon,
.show-apps:active > .overview-icon,
.show-apps:checked > .overview-icon,
.grid-search-result:active > .overview-icon,
.grid-search-result:checked > .overview-icon {
background-color: rgba(46, 52, 54, 0.9); }
-.app-well-app:hover > .overview-icon, .app-well-app:focus > .overview-icon, .app-well-app:selected >
.overview-icon,
+.app-well-app:hover > .overview-icon, .app-well-app.running:hover > .overview-icon, .app-well-app:focus >
.overview-icon, .app-well-app:selected > .overview-icon,
.show-apps:hover > .overview-icon,
+.show-apps.running:hover > .overview-icon,
.show-apps:focus > .overview-icon,
.show-apps:selected > .overview-icon,
.grid-search-result:hover > .overview-icon,
+.grid-search-result.running:hover > .overview-icon,
.grid-search-result:focus > .overview-icon,
.grid-search-result:selected > .overview-icon {
- background-color: rgba(46, 52, 54, 0.5); }
+ background-color: rgba(46, 52, 54, 0.5);
+ border-image: none;
+ background-image: none; }
+
+.app-well-app-running-dot {
+ width: 10px;
+ height: 5px;
+ background-color: #215d9c; }
.search-provider-icon,
.list-search-result, .app-well-app > .overview-icon,
@@ -1772,10 +1783,6 @@ StScrollBar {
transition-duration: 100ms;
text-align: center; }
-.app-well-app.running > .overview-icon {
- text-shadow: black 0px 2px 2px;
- border-image: url("panel-button-border.svg") 6 10 0 2; }
-
.app-well-app.app-folder > .overview-icon {
background-color: rgba(46, 52, 54, 0.4); }