From f0c11cac4a2eb4b7c7ca929b860c067c7fd3839d Mon Sep 17 00:00:00 2001
From: Max Weller <git@max-weller.de>
Date: Wed, 2 May 2012 16:59:58 +0200
Subject: [PATCH] Moved Meta Viewport from global head.tpl to diabook's header

I mistakenly added this <meta> tag to the global header, but it
causes problems for other themes, as they have other optimal widths.

I also added a style to diabook which makes the jGrowl messages
appear below the header bar, so you can still click the menu items
without having to close messages first.
---
 view/head.tpl                | 1 -
 view/theme/diabook/style.css | 1 +
 view/theme/diabook/theme.php | 8 ++++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/view/head.tpl b/view/head.tpl
index 7b15412427..7638e56ca6 100644
--- a/view/head.tpl
+++ b/view/head.tpl
@@ -6,7 +6,6 @@
 <link rel="stylesheet" href="$baseurl/library/jgrowl/jquery.jgrowl.css" type="text/css" media="screen" />
 
 <link rel="stylesheet" type="text/css" href="$stylesheet" media="all" />
-<meta name="viewport" content="width=800, initial-scale=1, maximum-scale=3" />
 
 <link rel="shortcut icon" href="$baseurl/images/friendica-32.png" />
 <link rel="search"
diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css
index e70c72cb2b..2834e76f27 100644
--- a/view/theme/diabook/style.css
+++ b/view/theme/diabook/style.css
@@ -558,6 +558,7 @@ code {
   text-decoration: none;
 }
 /* popup notifications */
+div.jGrowl.top-right { top: 30px; /* put it below header/nav bar */ }
 div.jGrowl div.notice {
   background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
   color: #ffffff;
diff --git a/view/theme/diabook/theme.php b/view/theme/diabook/theme.php
index a169043b26..758fb5d919 100755
--- a/view/theme/diabook/theme.php
+++ b/view/theme/diabook/theme.php
@@ -26,6 +26,14 @@ $resolution=false;
 $resolution = get_pconfig(local_user(), "diabook", "resolution");
 if ($resolution===false) $resolution="normal";
 
+//Add META viewport tag respecting the resolution to header for tablets
+if ($resolution=="wide") {
+  $a->page['htmlhead'] .= '<meta name="viewport" content="width=1200" />';
+} else {
+  $a->page['htmlhead'] .= '<meta name="viewport" content="width=980" />';
+}
+
+
 $color = false;
 $site_color = get_config("diabook", "color" );
 if (local_user()) {$color = get_pconfig(local_user(), "diabook", "color");}