Merge pull request #219 from plone/fulv-patch-1

Update image_view_fullscreen.pt for mobile friendliness
plone · Mar 29, 2015 · f6b459a · f6b459a
2 parents 6da9864 + 1e6fb9f
commit f6b459a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/docs/CHANGES.rst b/docs/CHANGES.rst
@@ -4,7 +4,8 @@ Changelog
 1.2a8 (unreleased)
 ------------------
 
-- Nothing changed yet.
+- Update image_view_fullscreen.pt for mobile friendliness.
+  [fulv]
 
 
 1.2a7 (2015-03-27)

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>