Merge pull request #2587 from mike-esokia/PHRAS-2034_fix_ui_lightbox_mobile

PHRAS-2034 add scroll for webkit
This commit is contained in:
Nicolas Maillat
2018-05-11 14:47:21 +02:00
committed by GitHub
4 changed files with 16 additions and 13 deletions

View File

@@ -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;

View File

@@ -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 %}

View File

@@ -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 %}

View File

@@ -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">