1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-06-22 16:26:01 +00:00

Replace hardcoded title truncate with CSS text-overflow

Signed-off-by: Kevin Decherf <kevin@kdecherf.com>
This commit is contained in:
Kevin Decherf 2025-04-13 15:56:37 +02:00
parent e6ce9c524c
commit 260beeec68
2 changed files with 11 additions and 2 deletions

View file

@ -154,6 +154,15 @@ a.original:not(.waves-effect) {
}
}
.card .card-content .card-title,
.card-stacked .card-content .card-title {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.card-entry-labels li,
.card-tag-labels li {
margin: 10px 10px 10px auto;

View file

@ -4,10 +4,10 @@
{% endif %}
{% if is_granted('VIEW', entry) %}
<a href="{{ path('view', {'id': entry.id}) }}" title="{{ entry.title|striptags|e('html_attr') }}" class="card-title dot-ellipsis dot-resize-update">
{{ entry.title|striptags|u.truncate(80, '…', false)|default('entry.default_title'|trans)|raw }}
{{ entry.title|striptags|default('entry.default_title'|trans)|raw }}
</a>
{% else %}
{{ entry.title|striptags|u.truncate(80, '…', false)|default('entry.default_title'|trans)|raw }}
{{ entry.title|striptags|default('entry.default_title'|trans)|raw }}
{% endif %}
<div class="{{ subClass|default('original grey-text') }}">