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

(cherry picked from commit 2d0541c03b761a0ec5e10711d6bd577e07141517)

Closes #2506
pull/4389/head
Mark McDowall 3 years ago committed by Bogdan
parent 3dd933ba15
commit 649cff6393

@ -8,11 +8,13 @@
}
.artistName {
flex: 0 0 300px;
@add-mixin truncate;
flex: 0 1 600px;
}
.foreignId {
flex: 0 0 400px;
flex: 0 0 290px;
}
.actions {

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

@ -3,9 +3,9 @@
interface CssExports {
'addButton': string;
'addImportListExclusion': string;
'host': string;
'foreignId': string;
'importListExclusionsHeader': string;
'path': string;
'name': string;
}
export const cssExports: CssExports;
export default cssExports;

@ -51,8 +51,10 @@ class ImportListExclusions extends Component {
{...otherProps}
>
<div className={styles.importListExclusionsHeader}>
<div className={styles.host}>{translate('Name')}</div>
<div className={styles.path}>
<div className={styles.name}>
{translate('Name')}
</div>
<div className={styles.foreignId}>
{translate('ForeignId')}
</div>
</div>

Loading…
Cancel
Save