othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LT-127: Fixing the styling in IE

Browse Source
This commit is contained in:
Aysel Afsar 2016-01-18 14:48:09 -05:00
parent c023b35bd3
commit d374a97017
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Packages/viewerbase/client/components/viewer/imageControls/imageControls.styl
View File

@ -4,13 +4,12 @@
right: 0 right: 0
height: 100% height: 100%
padding: 5px padding: 5px
#scrollbar #scrollbar
margin-top: 5px margin-top: 5px
width: 31px width: 31px
#imageSlider #imageSlider
height: 2px
position: absolute position: absolute
left: 20px left: 20px
@ -53,17 +52,21 @@
z-index: 6 z-index: 6
&::-ms-track &::-ms-track
width: 100%
height: 2px height: 2px
border: 1px solid #bdc3c7 cursor: pointer
background-color: darkgrey animate: 0.2s
z-index: 6 background: transparent
border-color: transparent
border-width: 15px 0
color: transparent
// Hide any fill IE tries to add // Hide any fill IE tries to add
&::-ms-fill-lower &::-ms-fill-lower
background: transparent background: darkgrey
&::-ms-fill-upper &::-ms-fill-upper
background: transparent background: darkgrey
// --- Style the range thumb --- // // --- Style the range thumb --- //
&::-webkit-slider-thumb &::-webkit-slider-thumb
@ -100,4 +103,11 @@
cursor: pointer cursor: pointer
&:active &:active
background-color: rgb(34, 126, 163) 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
}
}