show percentile below slider

core · Jun 8, 2016 · 988105e · 988105e
1 parent 93338c9
commit 988105e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/src/cljs/ulysses/pages/builder.cljs b/src/cljs/ulysses/pages/builder.cljs
@@ -58,8 +58,8 @@
 (defn metric-slider
   [metric filters]
   (let [value (get-in filters [:metrics metric])]
-    [:div
-      ; [:div value "+"]
+    [:div.relative
+      [:div.absolute.small.color-gray.right-below-bottom value "%"]
       [range-slider
         :min 0 :max 100 :value value
         :on-change
@@ -109,7 +109,8 @@
       "Recent Grant Funds"
       [metric-slider
         :recentGrantFunds
-        filters]]])
+        filters]]
+    [:br]])
 
 
 (defn workspace-row [faculty]

diff --git a/src/sass/_common.scss b/src/sass/_common.scss
@@ -111,10 +111,19 @@ a.fancy-switch {
   margin-bottom: 15px;
 }
 
+.right-below-bottom {
+  bottom: -15px;
+  right: 0;
+}
+
 .relative {
   position: relative;
 }
 
+.absolute {
+  position: absolute;
+}
+
 .display-flex {
   display: -webkit-flex;
   display: flex;
@@ -157,3 +166,9 @@ a.fancy-switch {
     }
   }
 }
+
+.color {
+  &-gray {
+    color: $gray-light;
+  }
+}