1
0
mirror of https://github.com/Radarr/Radarr.git synced 2024-08-17 15:59:36 +02:00

Fixed: Increase width and truncate long titles on Import List Exclusions

Closes #6779

(cherry picked from commit 2d0541c03b761a0ec5e10711d6bd577e07141517)
This commit is contained in:
Mark McDowall 2021-11-28 15:46:06 -08:00 committed by Qstick
parent 48d1d47b67
commit 7b03a856c9
3 changed files with 8 additions and 6 deletions

View File

@ -8,12 +8,14 @@
} }
.movieTitle { .movieTitle {
flex: 0 0 400px; @add-mixin truncate;
flex: 0 0 600px;
} }
.tmdbId, .tmdbId,
.movieYear { .movieYear {
flex: 0 0 200px; flex: 0 0 70px;
} }
.actions { .actions {

View File

@ -1,16 +1,16 @@
.importExclusionsHeader { .importListExclusionsHeader {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold; font-weight: bold;
} }
.title { .title {
flex: 0 0 400px; flex: 0 0 600px;
} }
.tmdbId, .tmdbId,
.movieYear { .movieYear {
flex: 0 0 200px; flex: 0 0 70px;
} }
.addImportExclusion { .addImportExclusion {

View File

@ -50,7 +50,7 @@ class ImportListExclusions extends Component {
errorMessage={translate('UnableToLoadListExclusions')} errorMessage={translate('UnableToLoadListExclusions')}
{...otherProps} {...otherProps}
> >
<div className={styles.importExclusionsHeader}> <div className={styles.importListExclusionsHeader}>
<div className={styles.tmdbId}>TMDB Id</div> <div className={styles.tmdbId}>TMDB Id</div>
<div className={styles.title}>Title</div> <div className={styles.title}>Title</div>
<div className={styles.movieYear}>Year</div> <div className={styles.movieYear}>Year</div>