From be155cc39fc9cb64c32c404c31008f3bf3e734f2 Mon Sep 17 00:00:00 2001
From: Samuel Georges <sam@daftspunk.com>
Date: Wed, 5 Aug 2015 19:34:35 +1000
Subject: [PATCH] Add inverse goal meter ...because some goals can be bad, like
 an unsubscription rate

---
 modules/system/assets/ui/docs/scoreboard.md | 6 ++++++
 modules/system/assets/ui/less/chart.less    | 9 +++++++++
 modules/system/assets/ui/storm.css          | 2 ++
 3 files changed, 17 insertions(+)

diff --git a/modules/system/assets/ui/docs/scoreboard.md b/modules/system/assets/ui/docs/scoreboard.md
index 4a7ec16e8..f1c0d24b2 100644
--- a/modules/system/assets/ui/docs/scoreboard.md
+++ b/modules/system/assets/ui/docs/scoreboard.md
@@ -49,5 +49,11 @@
                 <p>88%</p>
                 <p class="description">37 posts remain</p>
             </div>
+
+            <div class="scoreboard-item title-value goal-meter-inverse" data-control="goal-meter" data-value="88">
+                <h4>goal meter</h4>
+                <p>88%</p>
+                <p class="description">37 posts remain</p>
+            </div>
         </div>
     </div>
diff --git a/modules/system/assets/ui/less/chart.less b/modules/system/assets/ui/less/chart.less
index a8c2f7896..64ee77487 100644
--- a/modules/system/assets/ui/less/chart.less
+++ b/modules/system/assets/ui/less/chart.less
@@ -206,6 +206,15 @@
         }
     }
 
+    &.goal-meter-inverse {
+        span.goal-meter-indicator {
+            background: @color-scoreboard-positive;
+            > span {
+                background: @color-scoreboard-negative;
+            }
+        }
+    }
+
     p {
         color: @color-scoreboard-body;
         margin: 0;
diff --git a/modules/system/assets/ui/storm.css b/modules/system/assets/ui/storm.css
index a0f983ec3..74fd766e9 100644
--- a/modules/system/assets/ui/storm.css
+++ b/modules/system/assets/ui/storm.css
@@ -1371,6 +1371,8 @@ div.progress{height:9px;-webkit-box-shadow:none;box-shadow:none;background:#d9de
 .title-value h4{font-size:12px;text-transform:uppercase;color:#666666;margin:0}
 .title-value span.goal-meter-indicator{float:left;height:24px;width:10px;margin-right:5px;position:relative;top:9px;background:#cc3300}
 .title-value span.goal-meter-indicator > span{text-indent:-10000em;display:block;position:absolute;width:10px;left:0;bottom:0;background:#95b753;height:0;-webkit-transition:all 0.2s;transition:all 0.2s}
+.title-value.goal-meter-inverse span.goal-meter-indicator{background:#95b753}
+.title-value.goal-meter-inverse span.goal-meter-indicator > span{background:#cc3300}
 .title-value p{color:#666666;margin:0;font-size:28px;line-height:41px}
 .title-value p:before{color:#e5a91a;font-size:22px}
 .title-value p.success{color:#95b753}