From d6e53ef10440e2385b6a85a5795775a966bfafbd Mon Sep 17 00:00:00 2001
From: mike-esokia <mike.esokia@gmail.com>
Date: Fri, 11 May 2018 10:50:43 +0400
Subject: [PATCH] fix ui and dialog lightbox mobile version

---
 resources/www/lightbox/styles/main-mobile.scss     | 12 ++++++++++++
 templates/mobile/common/thumbnail.html.twig        |  4 ++--
 templates/mobile/lightbox/basket_element.html.twig |  7 +++++--
 templates/mobile/lightbox/feed_element.html.twig   |  1 +
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/resources/www/lightbox/styles/main-mobile.scss b/resources/www/lightbox/styles/main-mobile.scss
index ad46473b67..424fe29311 100644
--- a/resources/www/lightbox/styles/main-mobile.scss
+++ b/resources/www/lightbox/styles/main-mobile.scss
@@ -4,6 +4,18 @@
   width: 90%;
   margin: 0px auto;
   padding: 4px;
+  ui-btn {
+    height: 36px !important;
+    width: 36px !important;
+    font-size: 16px !important;
+    border-radius: 19px;
+  }
+  ui-btn::after {
+    height: 30px !important;
+    width: 30px !important;
+    margin-left: -15px;
+    margin-top: -15px;
+  }
 }
 
 #left-btn {
diff --git a/templates/mobile/common/thumbnail.html.twig b/templates/mobile/common/thumbnail.html.twig
index 8a220c40e5..bc36892b3a 100644
--- a/templates/mobile/common/thumbnail.html.twig
+++ b/templates/mobile/common/thumbnail.html.twig
@@ -59,11 +59,11 @@
     {% if record_type == 'VIDEO_MP4' or record_type == 'VIDEO_FLV' %}
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
-                frameborder="0" allowfullscreen></iframe>
+                frameborder="0"></iframe>
     {% elseif record_type == 'FLEXPAPER' %}
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
-                frameborder="0" allowfullscreen></iframe>
+                frameborder="0"></iframe>
     {% elseif record_type == 'AUDIO_MP3' %}
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
diff --git a/templates/mobile/lightbox/basket_element.html.twig b/templates/mobile/lightbox/basket_element.html.twig
index 81950443e7..96b602f317 100644
--- a/templates/mobile/lightbox/basket_element.html.twig
+++ b/templates/mobile/lightbox/basket_element.html.twig
@@ -31,6 +31,7 @@
             right: 0;
             left: 0;
             text-align: center;
+            overflow: scroll;
         }
     </style>
 {% endblock %}
@@ -66,9 +67,11 @@
       {% if basket_element.getBasket().getValidation().getParticipant(app.getAuthenticatedUser()).getCanAgree() %}
         <fieldset data-role="controlgroup" data-type="horizontal" style="text-align:center;">
           <input {% if basket_element.getUserValidationDatas(app.getAuthenticatedUser()).getAgreement() == true%}checked="checked"{% endif %} type="radio" name="radio-view" id="radio-view-yes_{{basket_element.getId()}}" value="yes"  />
-            <label class="agreement_radio" style="width:130px;text-align:center;" for="radio-view-yes_{{basket_element.getId()}}">{{ 'validation:: OUI' | trans }}</label>
+            <label class="agreement_radio" style="width:110px;text-align:center;"
+                   for="radio-view-yes_{{ basket_element.getId() }}">{{ 'validation:: OUI' | trans }}</label>
           <input {% if basket_element.getUserValidationDatas(app.getAuthenticatedUser()).getAgreement() == false and basket_element.getUserValidationDatas(app.getAuthenticatedUser()).getAgreement() is not null %}checked="checked"{% endif %} type="radio" name="radio-view" id="radio-view-no_{{basket_element.getId()}}" value="no"  />
-            <label class="agreement_radio" style="width:130px;text-align:center;" for="radio-view-no_{{basket_element.getId()}}">{{ 'validation:: NON' | trans }}</label>
+            <label class="agreement_radio" style="width:110px;text-align:center;"
+                   for="radio-view-no_{{ basket_element.getId() }}">{{ 'validation:: NON' | trans }}</label>
         </fieldset>
       {% endif %}
       <div style="text-align:center;margin:0 0 1em 0">
diff --git a/templates/mobile/lightbox/feed_element.html.twig b/templates/mobile/lightbox/feed_element.html.twig
index f21f153930..1ba0c911bb 100644
--- a/templates/mobile/lightbox/feed_element.html.twig
+++ b/templates/mobile/lightbox/feed_element.html.twig
@@ -22,6 +22,7 @@
             right: 0;
             left: 0;
             text-align: center;
+            overflow: scroll;
         }
     </style>
 {% endblock %}