This makes Slider, SplitPanels and DragAndDrop anywhere except Table work on IE and touch screen. Change-Id: I1c710a14fc3957c81ade07fd2a3de1e4b6feec1atags/7.2.0
-webkit-border-radius: 4px; | -webkit-border-radius: 4px; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
position: relative; | position: relative; | ||||
-ms-touch-action: none; | |||||
touch-action: none; | |||||
} | } | ||||
[draggable=true] { | [draggable=true] { | ||||
-khtml-user-drag: element; | -khtml-user-drag: element; |
background: #eee; | background: #eee; | ||||
border-left: 1px solid #ddd; | border-left: 1px solid #ddd; | ||||
border-right: 1px solid #eee; | border-right: 1px solid #eee; | ||||
} | } | ||||
.#{$primaryStyleName}-handle { | .#{$primaryStyleName}-handle { | ||||
background: #aaa; | background: #aaa; | ||||
height: 12px; | height: 12px; | ||||
margin-top: -5px; | margin-top: -5px; | ||||
font-size: 0; | font-size: 0; | ||||
-ms-touch-action: none; | |||||
touch-action: none; | |||||
} | } | ||||
.#{$primaryStyleName}-vertical { | .#{$primaryStyleName}-vertical { |
background: #ddd; | background: #ddd; | ||||
cursor: e-resize; | cursor: e-resize; | ||||
cursor: col-resize; | cursor: col-resize; | ||||
-ms-touch-action: none; | |||||
touch-action: none | |||||
} | } | ||||
.v-disabled .#{$primaryStyleName}-hsplitter div { | .v-disabled .#{$primaryStyleName}-hsplitter div { | ||||
cursor: default; | cursor: default; | ||||
background: #ddd; | background: #ddd; | ||||
cursor: s-resize; | cursor: s-resize; | ||||
cursor: row-resize; | cursor: row-resize; | ||||
-ms-touch-action: none; | |||||
touch-action: none; | |||||
} | } | ||||
.v-disabled .#{$primaryStyleName}-vsplitter div { | .v-disabled .#{$primaryStyleName}-vsplitter div { | ||||
cursor: default; | cursor: default; |