diff --git a/package.json b/package.json index d168fc3af1..70e5d14918 100644 --- a/package.json +++ b/package.json @@ -65,7 +65,7 @@ "normalize-css": "^2.1.0", "npm": "^6.0.0", "npm-modernizr": "^2.8.3", - "phraseanet-production-client": "0.34.78-d", + "phraseanet-production-client": "0.34.79-d", "requirejs": "^2.3.5", "tinymce": "^4.0.28", "underscore": "^1.8.3", diff --git a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss index bbf198ef80..a44f3d8f48 100644 --- a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss +++ b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss @@ -7,27 +7,40 @@ ul.image_set{ width:100%; border:none; list-style-type: none; + display: flex; + flex-wrap: wrap; } li.image_box a img{ position:relative; - vertical-align:middle; border:none; + width: 100%!important; + height: auto!important; + top: 0 !important; + object-fit: cover; + } li.image_box a{ padding:0; text-shadow:0; margin:0; + width: 100%; } li.image_box{ - width:80px; - height:80px; - position:relative; - float:left; - margin:0px 15px 15px 0px; - padding:0px; - text-align:center; + width: 32%; + position: relative; + margin: 0 2% 15px 0; + padding: 0; + display: flex; + align-items: center; + text-align: center; + background: #ededed; + &:nth-child(3n) { + margin-right: 0; + } .thumb_wrapper { background: #ededed; + width: 100%!important; + height: 100%!important; } } a.no.active_choice{ diff --git a/resources/www/lightbox/styles/main-mobile.scss b/resources/www/lightbox/styles/main-mobile.scss index ae1c307342..e5c9e1e93e 100644 --- a/resources/www/lightbox/styles/main-mobile.scss +++ b/resources/www/lightbox/styles/main-mobile.scss @@ -199,7 +199,6 @@ img { } #report .CHIM.diapo { - position: relative; text-align: center; } diff --git a/templates/mobile/lightbox/validate.html.twig b/templates/mobile/lightbox/validate.html.twig index 5b6653ea9f..fbaa154a2a 100644 --- a/templates/mobile/lightbox/validate.html.twig +++ b/templates/mobile/lightbox/validate.html.twig @@ -61,6 +61,8 @@ {{ 'lightbox::list' | trans }} +
 
+
 
{% endif %}
@@ -76,7 +78,7 @@
{% endif %} - {{thumbnail.format(basket_element.getRecord(app).get_thumbnail(), 80, 80, '', true, false)}} + {{thumbnail.format(basket_element.getRecord(app).get_thumbnail(), 300, 300, '', true, false)}} @@ -94,8 +96,6 @@ {% endif %} -
 
-
 
{% endblock %} diff --git a/yarn.lock b/yarn.lock index bbe430a90b..ac9b3ff3a2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7555,10 +7555,10 @@ phraseanet-common@^0.4.1: js-cookie "^2.1.0" pym.js "^1.3.1" -phraseanet-production-client@0.34.78-d: - version "0.34.78-d" - resolved "https://registry.yarnpkg.com/phraseanet-production-client/-/phraseanet-production-client-0.34.78-d.tgz#39118f39b07ee9878e2406b48c2c1fa9683598be" - integrity sha512-4UtEnUxnvbWxwccLOp/ZisJYKencJ/hrTzmQ7JtdGURC5+KFweohX7nfn+giuA/cmfSk1gP2xc9PW8dJVegDrw== +phraseanet-production-client@0.34.79-d: + version "0.34.79-d" + resolved "https://registry.yarnpkg.com/phraseanet-production-client/-/phraseanet-production-client-0.34.79-d.tgz#753ebac9e7dcfe49d9f81d2e67847a2031d5e8c6" + integrity sha512-TGVGYJrRjIMXiuy7TUsAKU+dHep5M0eBBaUykWYUwXDCwtkBSkDAzMW7Rmg6BxQAj8QJArOp+DCQZtVRbF0rZQ== dependencies: "@mapbox/mapbox-gl-language" "^0.9.2" "@turf/turf" "^5.1.6"