feat: translate synopses to French and show full text
- Add MyMemory translation API to MetadataEnricher (free, no key) - Translate English synopses to French after Kitsu enrichment - Remove synopsis truncation (was 200 chars, now shows full text) - Increase CSS line-clamp from 2 to 4 lines
This commit is contained in:
@@ -36,7 +36,7 @@
|
||||
<h3 class="sr-title">{{ group.title }}</h3>
|
||||
|
||||
{% if group.synopsis %}
|
||||
<p class="sr-synopsis">{{ group.synopsis[:200] }}{% if group.synopsis | length > 200 %}...{% endif %}</p>
|
||||
<p class="sr-synopsis">{{ group.synopsis }}</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="sr-providers">
|
||||
@@ -102,7 +102,7 @@
|
||||
.sr-poster-img { width: 100%; height: 100%; object-fit: cover; display: block; }
|
||||
.sr-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
|
||||
.sr-title { font-size: 1.1rem; font-weight: 700; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.sr-synopsis { font-size: 0.85rem; color: var(--text-dim); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
|
||||
.sr-synopsis { font-size: 0.85rem; color: var(--text-dim); margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
|
||||
.sr-providers { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.sr-provider-badge { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; border: 1px solid var(--sr-accent); color: var(--sr-accent); background: transparent; cursor: pointer; transition: var(--transition); letter-spacing: 0.5px; text-decoration: none; }
|
||||
.sr-provider-badge:hover { background: var(--sr-accent); color: var(--bg-dark); }
|
||||
|
||||
Reference in New Issue
Block a user