[gnome-shell/wip/snwh/page-indicator: 8/8] theme: Replace page indicator assets with css

[Florian Müllner <fmuellner src gnome org>]

commit 27c660d2a9204bf423103bc83dc8e2f162b4474b
Author: Sam Hewitt <sam snwh org>
Date:   Fri Nov 16 13:44:52 2018 -0500

    theme: Replace page indicator assets with css
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/297

 data/gnome-shell-theme.gresource.xml     |  4 --
 data/theme/gnome-shell-sass/_common.scss | 14 ++++---
 data/theme/page-indicator-active.svg     | 71 --------------------------------
 data/theme/page-indicator-checked.svg    | 67 ------------------------------
 data/theme/page-indicator-hover.svg      | 67 ------------------------------
 data/theme/page-indicator-inactive.svg   | 67 ------------------------------
 6 files changed, 8 insertions(+), 282 deletions(-)
---
diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index e292d33a3..451d0980e 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -25,10 +25,6 @@
     <file>no-notifications.svg</file>
     <file>noise-texture.png</file>
     <file>pad-osd.css</file>
-    <file>page-indicator-active.svg</file>
-    <file>page-indicator-inactive.svg</file>
-    <file>page-indicator-checked.svg</file>
-    <file>page-indicator-hover.svg</file>
     <file>process-working.svg</file>
     <file>toggle-off-us.svg</file>
     <file>toggle-off-intl.svg</file>
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 829791419..c905b3b75 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -1446,15 +1446,17 @@ StScrollBar {
     padding: 15px 20px;
 
     .page-indicator-icon {
-      width: 18px;
-      height: 18px;
-      background-image: url(resource:///org/gnome/shell/theme/page-indicator-inactive.svg);
+      width: 12px;
+      height: 12px;
+      background-color: transparent;
+      border: 2px solid rgba(255, 255, 255, 0.4);
+      border-radius:12px;
     }
 
-    &:hover .page-indicator-icon { background-image: 
url(resource:///org/gnome/shell/theme/page-indicator-hover.svg); }
-    &:active .page-indicator-icon { background-image: 
url(resource:///org/gnome/shell/theme/page-indicator-active.svg); }
+    &:hover .page-indicator-icon { border-color: white; }
+    &:active .page-indicator-icon { border: none; margin: 2px; background-color:#fff; }
     &:checked .page-indicator-icon,
-    &:checked:active { background-image: url(resource:///org/gnome/shell/theme/page-indicator-checked.svg); }
+    &:checked:active { background-color: #fff;}
   }
 
   .no-frequent-applications-label { @extend %status_text; }