From: Olga Brani <olgabrani@grnet.gr>
Date: Tue, 26 Jun 2012 13:27:17 +0000 (+0300)
Subject: Orientation fix for iPhone/iPad
X-Git-Tag: v0.7.0~32
X-Git-Url: https://code.grnet.gr/git/snf-cloudcms/commitdiff_plain/10118ccfb50788e971ce28ce76e054949bc7fdb8

Orientation fix for iPhone/iPad
---

diff --git a/cloudcms/static/cloudcms/js/common.js b/cloudcms/static/cloudcms/js/common.js
index b29d13f..f25e698 100644
--- a/cloudcms/static/cloudcms/js/common.js
+++ b/cloudcms/static/cloudcms/js/common.js
@@ -13,6 +13,35 @@ function setContainerMinHeight( applicableDiv){
 
 }
 
+// fix for iPhone - iPad orientation bug 
+var metas = document.getElementsByTagName('meta');
+function resetViewport() {
+    var i;
+    if (navigator.userAgent.match(/iPhone/i)) {
+  		for (i=0; i<metas.length; i++) {
+    		if (metas[i].name == "viewport") {
+      			metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
+    		}
+  		}
+  	}
+}
+resetViewport();
+    
+window.onorientationchange = function() {
+    resetViewport();
+};
+    
+function gestureStart() {
+  for (i=0; i<metas.length; i++) {
+    if (metas[i].name == "viewport") {
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
+    }
+  }
+}
+document.addEventListener("gesturestart", gestureStart, false);
+
+//end of fix
+
 $(document).ready(function() {
 	
 	 
diff --git a/cloudcms/templates/cms/base.html b/cloudcms/templates/cms/base.html
index 5814c7a..ea562e4 100644
--- a/cloudcms/templates/cms/base.html
+++ b/cloudcms/templates/cms/base.html
@@ -7,7 +7,7 @@
       {% else %}{{ feincms_page.title }}{% endif %} | {{ APP.title }}{% endblock %}
   </title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="viewport" content="width=device-width; initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">  
   
   {% block favicons %}
   <link rel="shortcut icon" href="{{ APP.favicon.get_absolute_url }}">
@@ -17,6 +17,7 @@
   {% block css %}
       <link href='https://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css'>
       <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/global.css">
+      <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/print.css" media="print">
       <!--[if lte IE 7]>
           <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/ie7.css">
       <![endif]-->