Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New: Fixed truncation on Firefox after renaming Custom Format specification 

Closes #5357
This commit is contained in:
Mark McDowall 2023-01-08 10:26:12 -08:00
parent 4a740acb80
commit 4f61a4ab07
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.css
View File

@ -17,6 +17,10 @@
font-size: 24px; font-size: 24px;
} }
.buttons {
flex: 0 0 auto;
}
.cloneButton { .cloneButton {
composes: button from '~Components/Link/IconButton.css'; composes: button from '~Components/Link/IconButton.css';
@ -38,6 +42,7 @@
} }
.label { .label {
@add-mixin truncate;
composes: label from '~Components/Label.css'; composes: label from '~Components/Label.css';
max-width: 100%; max-width: 100%;

9
frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js
View File

@ -1,6 +1,5 @@
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';
@ -90,7 +89,7 @@ class CustomFormat extends Component {
{name} {name}
</div> </div>
<div> <div className={styles.buttons}>
<IconButton <IconButton
className={styles.cloneButton} className={styles.cloneButton}
title="Clone Custom Format" title="Clone Custom Format"
@ -128,11 +127,7 @@ class CustomFormat extends Component {
key={index} key={index}
kind={kind} kind={kind}
> >
<MiddleTruncate {item.name}
text={item.name}
start={10}
end={14}
/>
</Label> </Label>
); );
}) })