mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-24 02:13:15 +00:00
Merge pull request #2587 from mike-esokia/PHRAS-2034_fix_ui_lightbox_mobile
PHRAS-2034 add scroll for webkit
This commit is contained in:
@@ -4,13 +4,13 @@
|
||||
width: 90%;
|
||||
margin: 0px auto;
|
||||
padding: 4px;
|
||||
ui-btn {
|
||||
.ui-btn {
|
||||
height: 36px !important;
|
||||
width: 36px !important;
|
||||
font-size: 16px !important;
|
||||
border-radius: 19px;
|
||||
}
|
||||
ui-btn::after {
|
||||
.ui-btn::after {
|
||||
height: 30px !important;
|
||||
width: 30px !important;
|
||||
margin-left: -15px;
|
||||
|
||||
@@ -59,17 +59,18 @@
|
||||
{% 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"></iframe>
|
||||
frameborder="0" allowfullscreen></iframe>
|
||||
{% elseif record_type == 'FLEXPAPER' %}
|
||||
<iframe width="100%" height="100%"
|
||||
src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
|
||||
frameborder="0"></iframe>
|
||||
frameborder="0" allowfullscreen></iframe>
|
||||
{% elseif record_type == 'AUDIO_MP3' %}
|
||||
<iframe width="100%" height="100%"
|
||||
src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
|
||||
frameborder="0" allowfullscreen></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;" />
|
||||
<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;"/>
|
||||
{% endif %}
|
||||
{% endmacro %}
|
||||
|
||||
@@ -25,13 +25,14 @@
|
||||
}
|
||||
|
||||
#content {
|
||||
position:absolute;
|
||||
position: fixed;
|
||||
top:50px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
overflow: scroll;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
@@ -16,13 +16,14 @@
|
||||
}
|
||||
|
||||
#content {
|
||||
position:absolute;
|
||||
position: fixed;
|
||||
top:50px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
overflow: scroll;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
@@ -35,7 +36,7 @@
|
||||
<h1>{{feed_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()) }}
|
||||
</div>
|
||||
<div data-role="footer">
|
||||
|
||||
Reference in New Issue
Block a user