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

Closes #4528
This commit is contained in:
Mark McDowall 2021-11-28 15:46:06 -08:00
parent ae328c1d84
commit 2d0541c03b
3 changed files with 10 additions and 8 deletions

View File

@ -8,11 +8,13 @@
} }
.title { .title {
flex: 0 0 300px; @add-mixin truncate;
flex: 0 1 600px;
} }
.tvdbId { .tvdbId {
flex: 0 0 400px; flex: 0 0 70px;
} }
.actions { .actions {

View File

@ -4,12 +4,12 @@
font-weight: bold; font-weight: bold;
} }
.host { .title {
flex: 0 0 300px; flex: 0 1 600px;
} }
.path { .tvdbId {
flex: 0 0 400px; flex: 0 0 70px;
} }
.addImportListExclusion { .addImportListExclusion {

View File

@ -50,8 +50,8 @@ class ImportListExclusions extends Component {
{...otherProps} {...otherProps}
> >
<div className={styles.importListExclusionsHeader}> <div className={styles.importListExclusionsHeader}>
<div className={styles.host}>Title</div> <div className={styles.title}>Title</div>
<div className={styles.path}>TVDB ID</div> <div className={styles.tvdbId}>TVDB ID</div>
</div> </div>
<div> <div>