From d374a97017080633ebb0bdd6b6254ae0654253ee Mon Sep 17 00:00:00 2001
From: Aysel Afsar <aysel.afsar@gmail.com>
Date: Mon, 18 Jan 2016 14:48:09 -0500
Subject: [PATCH] LT-127: Fixing the styling in IE

---
 .../viewer/imageControls/imageControls.styl   | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/Packages/viewerbase/client/components/viewer/imageControls/imageControls.styl b/Packages/viewerbase/client/components/viewer/imageControls/imageControls.styl
index f90696f59..d53a6a9d1 100644
--- a/Packages/viewerbase/client/components/viewer/imageControls/imageControls.styl
+++ b/Packages/viewerbase/client/components/viewer/imageControls/imageControls.styl
@@ -4,13 +4,12 @@
   right: 0
   height: 100%
   padding: 5px
-  
+
   #scrollbar
     margin-top: 5px
     width: 31px
 
     #imageSlider
-      height: 2px
       position: absolute
       left: 20px
 
@@ -53,17 +52,21 @@
         z-index: 6
 
       &::-ms-track
+        width: 100%
         height: 2px
-        border: 1px solid #bdc3c7
-        background-color: darkgrey
-        z-index: 6
+        cursor: pointer
+        animate: 0.2s
+        background: transparent
+        border-color: transparent
+        border-width: 15px 0
+        color: transparent
 
       // Hide any fill IE tries to add
       &::-ms-fill-lower
-        background: transparent
+        background: darkgrey
 
       &::-ms-fill-upper
-        background: transparent
+        background: darkgrey
 
       // --- Style the range thumb --- //
       &::-webkit-slider-thumb
@@ -100,4 +103,11 @@
         cursor: pointer
 
         &:active
-          background-color: rgb(34, 126, 163)
\ No newline at end of file
+          background-color: rgb(34, 126, 163)
+
+    // Set left position in IE
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      #imageSlider {
+        left: 50px
+      }
+    }
\ No newline at end of file