[gnome-shell/wip/sassWithSomeFixes: 1/8] theme: overview-icon fixes



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); }
 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]