1
0
mirror of https://github.com/Sonarr/Sonarr.git synced 2024-10-29 23:12:39 +01:00

Fixed: Truncate custom format card tags

This commit is contained in:
Qstick 2022-11-04 11:27:39 -05:00
parent fbc258c092
commit fe476a319e
2 changed files with 13 additions and 1 deletions

View File

@ -36,3 +36,9 @@
margin: 0;
border: none;
}
.label {
composes: label from '~Components/Label.css';
max-width: 100%;
}

View File

@ -1,5 +1,6 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import MiddleTruncate from 'react-middle-truncate';
import Card from 'Components/Card';
import Label from 'Components/Label';
import IconButton from 'Components/Link/IconButton';
@ -123,10 +124,15 @@ class CustomFormat extends Component {
return (
<Label
className={styles.label}
key={index}
kind={kind}
>
{item.name}
<MiddleTruncate
text={item.name}
start={10}
end={14}
/>
</Label>
);
})