Fix #1419 Fix resize issue on mobile view

This commit is contained in:
Nicolas Le Goff
2013-09-03 17:22:18 +02:00
parent bd956aebe0
commit 66bcf32d81
5 changed files with 50 additions and 22 deletions

View File

@@ -7,7 +7,7 @@
{% endblock %}
{% block stylesheet %}
<link rel="stylesheet" href="{{ path('minifier', { 'f' : 'skins/lightbox/jquery.validator.mobile.css' }) }}" />
<link rel="stylesheet" href="{{ path('minifier', { 'f' : 'skins/lightbox/jquery.validator.mobile.css' }) }}" />
{% endblock %}
{% block content %}
@@ -19,13 +19,12 @@
<a rel="external" href="{{ path('lightbox') }}" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
</div>
<div data-role="content">
{{ thumbnail.format100percent(record.get_preview(),'', record.get_thumbnail()) }}
{{ thumbnail.format100percent(record.get_preview()) }}
{% if basket_element.getBasket().getValidation() %}
{% if basket_element.getBasket().getValidation().getParticipant(app['authentication'].getUser(), app).getCanAgree() %}
<fieldset data-role="controlgroup" data-type="horizontal" style="text-align:center;">
<input {% if basket_element.getUserValidationDatas(app['authentication'].getUser(), app).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()}}">{% trans 'validation:: OUI' %}</label>
<input {% if basket_element.getUserValidationDatas(app['authentication'].getUser(), app).getAgreement() == false and basket_element.getUserValidationDatas(app['authentication'].getUser(), app).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()}}">{% trans 'validation:: NON' %}</label>
</fieldset>
@@ -45,5 +44,11 @@
<div data-role="footer">
</div>
<script type="text/javascript">
$( window ).on( "orientationchange", function( event ) {
$("#map").height($(window).height() - 50);
});
$( window ).orientationchange();
</script>
</div>
{% endblock %}