Browse Source

Make touch actions disabled on some CSS classes (#13368)

This makes Slider, SplitPanels and DragAndDrop anywhere except Table
work on IE and touch screen.

Change-Id: I1c710a14fc3957c81ade07fd2a3de1e4b6feec1a
tags/7.2.0
Teemu Suo-Anttila 10 years ago
parent
commit
cd20de5e68

+ 2
- 0
WebContent/VAADIN/themes/base/dragwrapper/dragwrapper.scss View File

-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;

+ 2
- 1
WebContent/VAADIN/themes/base/slider/slider.scss View File

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 {

+ 4
- 0
WebContent/VAADIN/themes/base/splitpanel/splitpanel.scss View File

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;

Loading…
Cancel
Save