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

Do not set translate3d on svg children

Browse Source 
In current Webkit browsers, having translate3d on svg child elements
causes the positioning from the layer not to be inherited by the vector
layer content.
This commit is contained in:
ahocevar
2012-12-16 01:00:59 +01:00
parent b89d3f1ee8
commit 13b4ca6560
3 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
theme/default/style.css
View File

@@ -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) */

7
theme/default/style.mobile.css
View File

@@ -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);
}
}
.olLayerDiv svg * {
-webkit-transform: none;
}