From df6e0a08464041455d8014da1511c023119dd276 Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Tue, 4 Dec 2012 14:10:33 +0100
Subject: [PATCH] Easier workaround for border image squeezing issue

---
 examples/mobile-wmts-vienna.css | 2 ++
 examples/mobile-wmts-vienna.js  | 9 ++-------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/examples/mobile-wmts-vienna.css b/examples/mobile-wmts-vienna.css
index ac3d1cb5e6..a8ccc14a97 100644
--- a/examples/mobile-wmts-vienna.css
+++ b/examples/mobile-wmts-vienna.css
@@ -17,6 +17,8 @@ html, body, #map {
     -moz-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
+    /* workaround for strange border tile squeezing on Android 4.x */
+    -webkit-transform: scale(1.001);
 }
 div.olControlAttribution {
     position: absolute;
diff --git a/examples/mobile-wmts-vienna.js b/examples/mobile-wmts-vienna.js
index 01de358fc1..05a97e3a66 100644
--- a/examples/mobile-wmts-vienna.js
+++ b/examples/mobile-wmts-vienna.js
@@ -136,10 +136,6 @@ var map;
         matrixSet: "google3857",
         attribution: 'Datenquelle: Stadt Wien - <a href="http://data.wien.gv.at">data.wien.gv.at</a>'
     };
-    // No fade transitions on Android 4, because they are buggy
-    if (/Android 4\.0.*Safari\/.*/.test(navigator.userAgent)) {
-        defaults.className = "nofade";
-    }
 
     // The WMTS layers we're going to add
     var fmzk, aerial, labels;
@@ -169,7 +165,7 @@ var map;
                 {layer:"lb", transitionEffect:"resize"}, defaults
             ));
             labels = format.createLayer(caps, OpenLayers.Util.applyDefaults(
-                {layer:"beschriftung", className:"nofade", isBaseLayer: false},
+                {layer:"beschriftung", isBaseLayer: false},
                 defaults
             ));
             map.addLayers([fmzk, aerial, labels]);
@@ -203,8 +199,7 @@ var map;
         layer: "beschriftung",
         style: "normal",
         transitionEffect: null,
-        isBaseLayer: false,
-        className: "nofade"
+        isBaseLayer: false
     },
     defaults));
     map.addLayers([fmzk, aerial, labels]);