Backup_Repos/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr synced 2025-12-06 08:28:50 +01:00
Code Issues Projects Releases Wiki Activity

Fixed: Truncate custom format card tags

Browse source 
(cherry picked from commit fe476a319e1768a929e326e87a54b10bc5e4f402)
This commit is contained in:
Qstick 2022-11-04 11:27:39 -05:00 committed by servarr
parent 5a7a9db7ed
commit 676dcbae0e
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.css
View file

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

8
frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js
View file

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