Update image_view_fullscreen.pt for mobile friendliness

see plone/Products.CMFPlone#407 Google complains loudly about this template, and will deduct mobile karma points. Also, using a different `viewport` meta directive than sunburst's default, for better accessibility. See: plone/Products.CMFPlone#389
plone · Mar 28, 2015 · 4eff2ea · 4eff2ea
1 parent 6da9864
commit 4eff2ea
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/plone/app/contenttypes/browser/templates/image_view_fullscreen.pt b/plone/app/contenttypes/browser/templates/image_view_fullscreen.pt
@@ -7,6 +7,7 @@
     i18n:domain="plone">
 <head>
   <metal:block tal:define="dummy python:request.RESPONSE.setHeader('Content-Type', 'text/html;;charset=utf-8')" />
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <title tal:content="context/Title">Title</title>
   <style type="text/css" media="screen">
     body {
@@ -17,6 +18,11 @@
       padding:0;
       margin:0;
     }
+    @media screen and (max-width: 768px) {
+        body {
+          font-size: 100%;
+        }
+    }
     a {
       color: #08c;
       text-decoration: none;
@@ -32,6 +38,7 @@
       border: 0;
       display:block;
       margin:0 auto;
+      max-width: 100%; height: auto;
     }
   </style>
 </head>