Reduce opacity of archived entries on tag view

Fixes #4466

Signed-off-by: Kevin Decherf <kevin@kdecherf.com>
This commit is contained in:
Kevin Decherf 2020-07-13 18:53:39 +02:00
parent 3ec982b5f3
commit f4a1401de0
5 changed files with 11 additions and 6 deletions

View file

@ -293,6 +293,11 @@ a.original:not(.waves-effect) {
}
}
.card.archived,
.card-stacked.archived {
opacity: 0.5;
}
#content .collection .collection-item {
min-height: 65px;
height: auto;

View file

@ -1,4 +1,4 @@
<div class="card">
<div class="card{% if currentRoute == 'tag_entries' and entry.isArchived %} archived{% endif %}">
<div class="card-body">
<div class="card-fullimage">
<ul class="card-entry-labels">

View file

@ -1,4 +1,4 @@
<div class="card-stacked">
<div class="card-stacked{% if currentRoute == 'tag_entries' and entry.isArchived %} archived{% endif %}">
{% include "@WallabagCore/themes/material/Entry/Card/_mass_checkbox.html.twig" with {'entry': entry} only %}
<div class="card-preview">
<a href="{{ path('view', { 'id': entry.id }) }}">

View file

@ -1,4 +1,4 @@
<div class="card">
<div class="card{% if currentRoute == 'tag_entries' and entry.isArchived %} archived{% endif %}">
<div class="card-body">
<div class="card-image waves-effect waves-block waves-light">
<ul class="card-entry-labels">

View file

@ -57,11 +57,11 @@
{% for entry in entries %}
<li id="entry-{{ entry.id|e }}" class="entry col {% if listMode == 0 %}l3 m6{% else %}collection-item{% endif %} s12">
{% if listMode == 1 %}
{% include "@WallabagCore/themes/material/Entry/_card_list.html.twig" with {'entry': entry} only %}
{% include "@WallabagCore/themes/material/Entry/_card_list.html.twig" with {'entry': entry, 'currentRoute': currentRoute} only %}
{% elseif not entry.previewPicture is null and entry.mimetype starts with 'image/' %}
{% include "@WallabagCore/themes/material/Entry/_card_full_image.html.twig" with {'entry': entry} only %}
{% include "@WallabagCore/themes/material/Entry/_card_full_image.html.twig" with {'entry': entry, 'currentRoute': currentRoute} only %}
{% else %}
{% include "@WallabagCore/themes/material/Entry/_card_preview.html.twig" with {'entry': entry} only %}
{% include "@WallabagCore/themes/material/Entry/_card_preview.html.twig" with {'entry': entry, 'currentRoute': currentRoute} only %}
{% endif %}
</li>
{% endfor %}