From 9e1fa5413aa48a20652d2219add5404b7a7fd01f Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Fri, 27 Dec 2019 15:09:03 +0400
Subject: [PATCH] PHRAS-2863 #comment fix lightbox mobile pdf reading on
 thumbnail #time 2h

---
 .../www/lightbox/styles/jquery-mobile/_jquery-validator.scss | 5 +++++
 resources/www/lightbox/styles/main-mobile.scss               | 3 +++
 templates/mobile/common/thumbnail.html.twig                  | 3 +++
 3 files changed, 11 insertions(+)

diff --git a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
index 013a7ae0a7..67a0ad85cd 100644
--- a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
+++ b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
@@ -319,3 +319,8 @@ a.active_choice {
   color: #313131;
   padding: 6px 0 6px 30px;
 }
+
+.pdf-iframe {
+  background: #1a1a1a;
+  padding-bottom: 10px;
+}
diff --git a/resources/www/lightbox/styles/main-mobile.scss b/resources/www/lightbox/styles/main-mobile.scss
index 7f53448267..e9ff61aa43 100644
--- a/resources/www/lightbox/styles/main-mobile.scss
+++ b/resources/www/lightbox/styles/main-mobile.scss
@@ -694,6 +694,9 @@ button.confirm_report {
   iframe {
     min-height: 240px;
     width: auto;
+    .ui-mobile & {
+      width: 100%;
+    }
   }
 }
 
diff --git a/templates/mobile/common/thumbnail.html.twig b/templates/mobile/common/thumbnail.html.twig
index 250e8f0e98..6ef1322f01 100644
--- a/templates/mobile/common/thumbnail.html.twig
+++ b/templates/mobile/common/thumbnail.html.twig
@@ -68,9 +68,12 @@
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
                 frameborder="0" allowfullscreen></iframe>
+    {% elseif record_type == 'PDF' %}
+        <iframe src="{{ url('alchemy_embed_view', {url: url|trim }) }}" width="100%" scrolling="no" marginheight="0" frameborder="0" allowfullscreen="" height="0" class="pdf-iframe"></iframe>
     {% else %}
         <img style="max-height: 100%;max-width:100%" class="record record_image imgTips zoomable thumb"
              oncontextMenu="return(false);"
              src="{{ thumbnail.get_url()|trim }}" ondragstart="return false;"/>
+        {{ record_type }}
     {% endif %}
 {% endmacro %}