Fix slider thumb position issue

Wikiki · Sep 14, 2017 · d7152e8 · d7152e8
1 parent bceac56
commit d7152e8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bulma-slider",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Display classic slider more sexy, in different colors, sizes, and states ",
   "main": "slider.js",
   "scripts": {

diff --git a/slider.sass b/slider.sass
@@ -34,14 +34,19 @@ $slider-output-radius: $radius !default
   &::-webkit-slider-thumb
     height: $thumb-size
     width: $thumb-size
-    margin-top: -( $thumb-size / 2 )
+    margin-top: -( $thumb-size / 4 )
   &::-moz-range-thumb
     height: $thumb-size
     width: $thumb-size
   &::-ms-thumb
     height: $thumb-size
     width: $thumb-size
 
+  &[orient="vertical"]
+    &::-webkit-slider-thumb
+      margin-top: auto
+      margin-left: -( $thumb-size / 4 )
+
 input[type=range]
   &.slider
     -webkit-appearance: none