hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 18:03:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix #1497 Resizing images is not working on tablet in paysage mode

Browse Source
This commit is contained in:
Nicolas Le Goff
2013-10-18 16:11:54 +02:00
parent 1551d03f95
commit f9cd105e51
5 changed files with 35 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
templates/mobile/lightbox/basket_element.html.twig
View File

@@ -8,17 +8,32 @@
{% block stylesheet %}
<link rel="stylesheet" href="{{ path('minifier', { 'f' : 'skins/lightbox/jquery.validator.mobile.css' }) }}" />
<style type="text/css">
div[data-role="page"] {
position: relative;
}
#content {
position:absolute;
top:50px;
bottom: 0;
right: 0;
left: 0;
text-align: center;
}
</style>
{% endblock %}
{% block content %}
{% set record = basket_element.getRecord(app) %}
<div data-role="page">
<div data-role="page" id="page">
<div data-role="header">
<a href="{{ path('lightbox_validation', { 'ssel_id' : basket_element.getBasket().getId() }) }}" data-rel="back" data-icon="arrow-l">Back</a>
<h1>{{basket_element.getOrd()}} - {{record.get_title()}}</h1>
<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">
<div id="content" data-role="content">
{{ thumbnail.format100percent(record.get_preview()) }}
{% if basket_element.getBasket().getValidation() %}
{% if basket_element.getBasket().getValidation().getParticipant(app['authentication'].getUser(), app).getCanAgree() %}
@@ -44,11 +59,5 @@
<div data-role="footer">
</div>
<script type="text/javascript">
$( window ).on( "orientationchange", function( event ) {
$("#map").height($(window).height() - 50);
});
$( window ).orientationchange();
</script>
</div>
{% endblock %}

23
templates/mobile/lightbox/feed_element.html.twig
View File

@@ -8,6 +8,21 @@
{% block stylesheet %}
<link rel="stylesheet" href="{{ path('minifier', { 'f' : 'skins/lightbox/jquery.validator.mobile.css' }) }}" />
<style type="text/css">
div[data-role="page"] {
position: relative;
}
#content {
position:absolute;
top:50px;
bottom: 0;
right: 0;
left: 0;
text-align: center;
}
</style>
{% endblock %}
{% block content %}
@@ -22,13 +37,5 @@
{{ thumbnail.format100percent(record.get_preview()) }}
</div>
<div data-role="footer">
</div>
<script type="text/javascript">
$( window ).on( "orientationchange", function( event ) {
$("#map").height($(window).height() - 50);
});
$( window ).orientationchange();
</script>
</div>
{% endblock %}