mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2024-11-26 19:11:07 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1420 from modos189/v2_display_picture

Browse source 
improved display pictures
This commit is contained in:
Nicolas Lœuillet 2015-09-14 17:15:40 +02:00
commit 1db9d411c5
2 changed files with 56 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/entries.html.twig
View file

@ -33,19 +33,48 @@
{% for entry in entries %} {% for entry in entries %}
<li id="entry-{{ entry.id|e }}" class="col l4 m6 s12"> <li id="entry-{{ entry.id|e }}" class="col l4 m6 s12">
<div class="card"> <div class="card">
<div class="card-content">
<span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span> <div class="card-body">
{% if entry.readingTime > 0 %} {% if not entry.previewPicture is null %}
<div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div> <div class="card-image waves-effect waves-block waves-light">
{% else %} <div class="preview activator" style="background-image: url({{ entry.previewPicture }})"></div>
<div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur">&lt;</small> 1 min</span></div> </div>
{% endif %}
{% if entry.previewPicture is null %}
<p>{{ entry.content|striptags|slice(0, 300) }}&hellip;</p>
{% else %}
<img class="preview" src="{{ entry.previewPicture }}" alt="{{ entry.title|raw }}" />
{% endif %} {% endif %}
<div class="card-content">
{% if not entry.previewPicture is null %}
<i class="card-title grey-text text-darken-4 activator mdi-navigation-more-vert right"></i>
{% endif %}
<span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw|striptags|slice(0, 42) }}</a></span>
{% if entry.readingTime > 0 %}
<div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div>
{% else %}
<div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur">&lt;</small> 1 min</span></div>
{% endif %}
{% if entry.previewPicture is null %}
<p>{{ entry.content|striptags|slice(0, 300) }}&hellip;</p>
{% endif %}
</div>
</div> </div>
{% if not entry.previewPicture is null %}
<div class="card-reveal">
<i class="card-title grey-text text-darken-4 mdi-card-close right"></i>
<span class="card-title"><a href="{{ path('view', { 'id': entry.id }) }}">{{ entry.title|raw }}</a></span>
{% if entry.readingTime > 0 %}
<div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} {{ entry.readingTime }} min</span></div>
{% else %}
<div class="estimatedTime grey-text"><span class="tool reading-time">{% trans %}estimated reading time: {% endtrans %} <small class="inferieur">&lt;</small> 1 min</span></div>
{% endif %}
<p>{{ entry.content|striptags|slice(0, 300) }}&hellip;</p>
</div>
{% endif %}
<div class="card-action"> <div class="card-action">
<span class="bold"><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %}: {{ entry.title|e }} - {{ entry.domainName }}" class="tool original grey-text"><span>{{ entry.domainName | truncate(18) }}</span></a></bold> <span class="bold"><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %}: {{ entry.title|e }} - {{ entry.domainName }}" class="tool original grey-text"><span>{{ entry.domainName | truncate(18) }}</span></a></bold>

21
src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
View file

@ -221,15 +221,11 @@ main ul.row {
padding: 0px 0.75rem; padding: 0px 0.75rem;
} }
.data .card .card-content { .data .card .card-body {
height: 22em; height: 22em;
overflow: hidden; overflow: hidden;
} }
img.preview {
max-width: 100%;
}
.card .card-content .card-title { .card .card-content .card-title {
line-height: 32px; line-height: 32px;
} }
@ -262,6 +258,21 @@ img.preview {
margin-right: auto; margin-right: auto;
} }
.mdi-card-close:before {
content: "\e8aa";
}
.card .card-image {
height: 14em;
}
.card .card-image .preview {
height: 14em;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
/* ========================================================================== /* ==========================================================================
5 = Article 5 = Article
========================================================================== */ ========================================================================== */