From 774e9836310489b1ef499b9d7731cc5889601c0b Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Wed, 9 Jan 2013 14:38:18 +0100
Subject: [PATCH] Turning on GPU for the tiles only turns out to be faster

Especially on iOS 6, this gives way better performance. And it does not
seem to cause any additional flicker.
---
 examples/mobile-wmts-vienna.css | 9 +--------
 theme/default/style.css         | 9 +--------
 theme/default/style.mobile.css  | 9 +--------
 3 files changed, 3 insertions(+), 24 deletions(-)

diff --git a/examples/mobile-wmts-vienna.css b/examples/mobile-wmts-vienna.css
index e2fbf7a3ee..48e83d8372 100644
--- a/examples/mobile-wmts-vienna.css
+++ b/examples/mobile-wmts-vienna.css
@@ -14,7 +14,7 @@ html, body, #map {
 }
 
 /* Turn on GPU support where available */
-.olMapViewport, .olMapViewport * {
+.olTileImage {
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -o-transform: translateZ(0);
@@ -29,13 +29,6 @@ html, body, #map {
     -ms-perspective: 1000;
     perspective: 1000;
 }
-.olLayerDiv svg * {
-    -webkit-transform: none;
-    -moz-transform: none;
-    -o-transform: none;
-    -ms-transform: none;
-    transform: none;
-}
 
 .olLayerGrid .olTileImage {
     -webkit-transition: opacity 0.2s linear;
diff --git a/theme/default/style.css b/theme/default/style.css
index 0b2a3cd566..398df4bff9 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -488,7 +488,7 @@ a.olControlZoomOut {
 }
 
 /* Turn on GPU support where available */
-.olMapViewport, .olMapViewport * {
+.olTileImage {
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -o-transform: translateZ(0);
@@ -503,13 +503,6 @@ a.olControlZoomOut {
     -ms-perspective: 1000;
     perspective: 1000;
 }
-.olLayerDiv svg * {
-    -webkit-transform: none;
-    -moz-transform: none;
-    -o-transform: none;
-    -ms-transform: none;
-    transform: none;
-}
 
 /* when replacing tiles, do not show tile and backbuffer at the same time */
 .olTileImage.olTileReplacing {
diff --git a/theme/default/style.mobile.css b/theme/default/style.mobile.css
index 3c0f6eb83d..fadff9e416 100644
--- a/theme/default/style.mobile.css
+++ b/theme/default/style.mobile.css
@@ -50,7 +50,7 @@ div.olControlZoom a:hover {
     transition: opacity 0.2s linear;
 }
 /* Turn on GPU support where available */
-.olMapViewport, .olMapViewport * {
+.olTileImage {
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -o-transform: translateZ(0);
@@ -65,10 +65,3 @@ div.olControlZoom a:hover {
     -ms-perspective: 1000;
     perspective: 1000;
 }
-.olLayerDiv svg * {
-    -webkit-transform: none;
-    -moz-transform: none;
-    -o-transform: none;
-    -ms-transform: none;
-    transform: none;
-}