fix(web): keep episode rows on one line
This commit is contained in:
+37
-4
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user