fix(tv): Gesehen-Button per D-Pad fokussierbar, auf TV sichtbar

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Eduard Wisch 2026-03-16 11:26:41 +01:00
parent f78bfd293b
commit 764da40447
2 changed files with 11 additions and 2 deletions

View file

@ -1881,6 +1881,12 @@ textarea.input-editing {
transition: opacity 0.2s, background 0.2s;
z-index: 2;
}
/* TV-Geraete (kein Hover): Mark-Button immer leicht sichtbar */
@media (hover: none) {
.tv-ep-tile-mark {
opacity: 0.5;
}
}
.tv-episode-tile:hover .tv-ep-tile-mark,
.tv-episode-tile:focus-within .tv-ep-tile-mark,
.tv-ep-tile-mark:focus {
@ -1895,9 +1901,12 @@ textarea.input-editing {
.tv-ep-tile-mark:hover, .tv-ep-tile-mark:focus {
border-color: var(--accent);
color: var(--accent);
outline: none;
opacity: 1;
}
.tv-ep-tile-mark:focus {
outline: 2px solid var(--accent);
outline-offset: 2px;
}
/* Detail-Panel oben (zeigt Beschreibung der fokussierten Episode) */
.tv-ep-detail-panel {

View file

@ -127,7 +127,7 @@
</div>
</a>
<button class="tv-ep-tile-mark {% if ep.progress_pct >= watched_threshold_pct|default(90) %}active{% endif %}"
tabindex="-1"
data-focusable
onclick="event.stopPropagation(); toggleWatched({{ ep.id }}, this)">
&#10003;
</button>