From 7cf224cef666f36f52b0544982f9d5cdb982f342 Mon Sep 17 00:00:00 2001
From: Richard Thier <u9vata@gmail.com>
Date: Sat, 7 Mar 2020 00:06:56 +0100
Subject: [PATCH] BAD/BUGGY: Trying to make polaroid mobile friendly - this
 does not works, but idea worth saving.

---
 .../themes/exposure/static/css/style.css      | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/prosopopee/themes/exposure/static/css/style.css b/prosopopee/themes/exposure/static/css/style.css
index 2e2fd2a..fa3cfb1 100644
--- a/prosopopee/themes/exposure/static/css/style.css
+++ b/prosopopee/themes/exposure/static/css/style.css
@@ -442,6 +442,28 @@ input:checked + .slider:before {
   .gallery-title > h2 {
     font-size: 3.7vw;
   }
+  /* BEGIN polaroid-group */
+  a.polaroid {
+    /*Size by calculating image size*/
+    width: auto !important;
+    height: auto !important;
+  }
+
+  /* Size image for mobile so screen is not getting */
+  a.polaroid img {
+    -webkit-transform: scale(0.7); /* Saf3.1+, Chrome */
+    -moz-transform: scale(0.7); /* FF3.5+ */
+    -ms-transform: scale(0.7); /* IE9 */
+    -o-transform: scale(0.7); /* Opera 10.5+ */
+    transform: scale(0.7);
+    /* IE6–IE9 */
+    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
+  }
+
+  a.polaroid h5 {
+    display: none !important; /*No image text on mobile - too small space*/
+  }
+  /* END polaroid-group */
 }
 
 /* These are added for the top nav menu for gallery pages (navmenu section) */
@@ -553,6 +575,7 @@ nav ul ul ul li {
 /* END: navmenu */
 
 /* START: polaroid-group */
+
 .polaroid-line {
     width: 70vw;
     margin: auto;