fix(web): keep episode rows on one line
ci / web (push) Successful in 45s
e2e / e2e (push) Successful in 1m44s
ci / rust (push) Failing after 2m1s

This commit is contained in:
Miguel Palhas
2026-08-25 22:04:34 +01:00
parent eeada0ef65
commit f3266a712b
+37 -4
View File
@@ -2011,18 +2011,51 @@ body {
display: inline;
}
/* no indent: the episode list is already inside its season, and the gutter
it used to sit in is gone */
.episodes {
padding-left: var(--space-4);
padding-left: 0;
}
/* an episode row wraps: identity first, chips full-width, actions right */
/* an episode row holds one line too. A phone has room for the identity,
whether the file is on disk, and the control — everything else is detail
you open the desktop for. Hidden, not shrunk: half a date is worse than
no date. */
.episode {
flex-wrap: nowrap;
}
/* the title takes the slack and truncates rather than pushing anything down */
.ep-title {
flex: 1;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.ep-air {
display: none;
}
/* the state chip stays, and so does a flag — a vanished episode is a
conflict, not an attribute. Resolution, language and the waived-rule
chip go; they are what a wide screen is for. */
.ep-chips .chip:not([data-movie-state]):not([data-flag]) {
display: none;
}
/* no auto margin: it would absorb the free space before .ep-title's
flex-grow could claim it, truncating titles that had room to spare */
.ep-chips {
margin-left: 0;
flex-basis: 100%;
flex: none;
flex-basis: auto;
}
.ep-actions {
margin-left: auto;
flex: none;
margin-left: var(--space-2);
}
.releases-id {