ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update the zoomslider example to have better styling for touch devices

Browse Source
This commit is contained in:
Austin Hyde
2014-01-29 09:25:30 -05:00
committed by Steven Pukansky
parent a8dd1d29c8
commit a0fdc0ecf9
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
examples/zoomslider.html
View File

@@ -19,15 +19,22 @@
#map2 .ol-zoomslider { #map2 .ol-zoomslider {
background-color: transparent; background-color: transparent;
top: 34px; top: 34px;
left: 9px;
width: 24px;
} }
#map2 .ol-zoomslider-thumb { #map2 .ol-zoomslider-thumb {
border-radius: 2px;
width: 24px;
height: 12px; height: 12px;
} }
#map2 .ol-touch .ol-zoom a.ol-zoom-out {
margin-top: 212px;
}
#map2 .ol-touch .ol-zoomslider {
top: 42px;
height: 210px;
}
#map2 .ol-touch .ol-zoomslider-thumb {
height: 20px;
}
/** /**
* The zoomslider in the third map shall be horizontal, placed in the top-right * The zoomslider in the third map shall be horizontal, placed in the top-right
* corner, smaller and orange. * corner, smaller and orange.