From 8ffcc2bbd0460616495d18feb74763f31a459c1d Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Sat, 2 Jan 2016 00:55:45 +0200
Subject: Add slider and styles

---
 style.scss | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 style.scss

(limited to 'style.scss')

diff --git a/style.scss b/style.scss
new file mode 100644
index 0000000..17d31d1
--- /dev/null
+++ b/style.scss
@@ -0,0 +1,34 @@
+body {
+    margin:0;
+    padding:0;
+    #datetime {
+        position:fixed;
+        color: #ee8877;
+        z-index: 100;
+        font-family: monospace;
+        padding: 5px;
+    }
+    #date {
+        font-size: 0.7em;
+    }
+    #map {
+        position:absolute;
+        top:0;
+        bottom:0;
+        width:100%;
+    }
+    .rc-slider {
+        position: fixed;
+        bottom: 100px;
+        width: 80%;
+        margin: 0 auto;
+        margin-left: 10%;
+        .rc-slider-handle {
+            border: 2px solid rgb(168, 32, 9);
+            background-color: #888;
+        }
+        .rc-slider-track {
+            background-color: rgb(168, 32, 9);
+        }
+    }
+}
-- 
cgit v1.3.1


From 2154522c3b2cf46047c51c2d7ea0a9fe1fcd75a6 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Sat, 9 Jan 2016 20:36:35 +0200
Subject: Fix styling:

---
 geshem.js  |  2 +-
 style.scss | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

(limited to 'style.scss')

diff --git a/geshem.js b/geshem.js
index 5961e4f..9136c52 100644
--- a/geshem.js
+++ b/geshem.js
@@ -234,7 +234,7 @@ class Map extends React.Component {
         view={view}
         slider={this.state.slider}
         token='pk.eyJ1IjoieXV2YWRtIiwiYSI6ImNpaWRuaWFxazAwMTJ2b2tyZGRmaWpsNWYifQ.qf_V3CFP_NZtLjk5luNM4g' />
-      <Slider step={1} min={1} max={7} defaultValue={7} onChange={this.onChangeHandler} />
+      <Slider step={1} min={1} max={7} defaultValue={7} tipFormatter={null} onChange={this.onChangeHandler} />
     </div>
   }
 }
diff --git a/style.scss b/style.scss
index 17d31d1..03ac75c 100644
--- a/style.scss
+++ b/style.scss
@@ -19,16 +19,20 @@ body {
     }
     .rc-slider {
         position: fixed;
-        bottom: 100px;
+        bottom: 50px;
         width: 80%;
         margin: 0 auto;
         margin-left: 10%;
         .rc-slider-handle {
-            border: 2px solid rgb(168, 32, 9);
-            background-color: #888;
+            border: 2px solid #bababa;
+            background-color: #bababa;
+            margin-left: -12px;
+            margin-top: -13px;
+            width: 30px;
+            height: 30px;
         }
         .rc-slider-track {
-            background-color: rgb(168, 32, 9);
+            background-color: #bababa;
         }
     }
 }
-- 
cgit v1.3.1