Tags list view improved

No text ellipsis so we can see the whole tag, better responsiveness, bigger
touch height on links.
This commit is contained in:
Simounet
2017-12-05 22:44:48 +01:00
parent 77a53ea724
commit 3e7d86b2c5
3 changed files with 46 additions and 6 deletions

View File

@ -12,10 +12,10 @@
<div class="row">
<ul class="card-tag-labels">
{% for tag in tags %}
<li title="{{tag.label}} ({{ tag.nbEntries }})" id="tag-{{ tag.id }}" class="col l2 m2 s5">
<a href="{{ path('tag_entries', {'slug': tag.slug}) }}">{{tag.label}} ({{ tag.nbEntries }})</a>
<li title="{{tag.label}} ({{ tag.nbEntries }})" id="tag-{{ tag.id }}">
<a href="{{ path('tag_entries', {'slug': tag.slug}) }}" class="card-tag-link">{{tag.label}} ({{ tag.nbEntries }})</a>
{% if app.user.config.rssToken %}
<a rel="alternate" type="application/rss+xml" href="{{ path('tag_rss', {'username': app.user.username, 'token': app.user.config.rssToken, 'slug': tag.slug}) }}" class="right"><i class="material-icons">rss_feed</i></a>
<a rel="alternate" type="application/rss+xml" href="{{ path('tag_rss', {'username': app.user.username, 'token': app.user.config.rssToken, 'slug': tag.slug}) }}" class="card-tag-rss"><i class="material-icons">rss_feed</i></a>
{% endif %}
</li>
{% endfor %}