diff --git a/examples/mobile-wmts-vienna.css b/examples/mobile-wmts-vienna.css index df2a861b8b..1a1dd07079 100644 --- a/examples/mobile-wmts-vienna.css +++ b/examples/mobile-wmts-vienna.css @@ -13,7 +13,7 @@ html, body, #map { display: none; } -/* Turn on GPU support on devices that support it */ +/* Turn on GPU support where available */ .olMapViewport, .olMapViewport * { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); @@ -21,6 +21,9 @@ html, body, #map { -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } +.olLayerDiv svg * { + -webkit-transform: none; +} .olLayerGrid .olTileImage { -webkit-transition: opacity 0.2s linear; diff --git a/theme/default/style.css b/theme/default/style.css index f4d5ee5a89..ddef0c7059 100644 --- a/theme/default/style.css +++ b/theme/default/style.css @@ -489,11 +489,14 @@ a.olControlZoomOut { /* Turn on GPU support where available */ .olMapViewport, .olMapViewport * { - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -o-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); +} +.olLayerDiv svg * { + -webkit-transform: none; } /* override any max-width image settings (e.g. bootstrap.css) */ diff --git a/theme/default/style.mobile.css b/theme/default/style.mobile.css index ef8069afd2..dec122f1b0 100644 --- a/theme/default/style.mobile.css +++ b/theme/default/style.mobile.css @@ -49,11 +49,14 @@ div.olControlZoom a:hover { -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } -/* Turn on GPU support on devices that support it */ +/* Turn on GPU support where available */ .olMapViewport, .olMapViewport * { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -} \ No newline at end of file +} +.olLayerDiv svg * { + -webkit-transform: none; +}