mirror of
https://github.com/lidarr/lidarr.git
synced 2025-07-06 13:02:23 -07:00
Fix displaying long paths in Preview Rename & Preview Retag
This commit is contained in:
parent
172a4417e9
commit
a0385ca53f
6 changed files with 14 additions and 2 deletions
|
@ -5,7 +5,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
composes: title from '~Components/DescriptionList/DescriptionListItemDescription.css';
|
composes: description from '~Components/DescriptionList/DescriptionListItemDescription.css';
|
||||||
|
|
||||||
margin-left: 110px;
|
margin-left: 110px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,6 +10,7 @@ class DescriptionListItem extends Component {
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const {
|
const {
|
||||||
|
className,
|
||||||
titleClassName,
|
titleClassName,
|
||||||
descriptionClassName,
|
descriptionClassName,
|
||||||
title,
|
title,
|
||||||
|
@ -17,7 +18,7 @@ class DescriptionListItem extends Component {
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div className={className}>
|
||||||
<DescriptionListItemTitle
|
<DescriptionListItemTitle
|
||||||
className={titleClassName}
|
className={titleClassName}
|
||||||
>
|
>
|
||||||
|
@ -35,6 +36,7 @@ class DescriptionListItem extends Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
DescriptionListItem.propTypes = {
|
DescriptionListItem.propTypes = {
|
||||||
|
className: PropTypes.string,
|
||||||
titleClassName: PropTypes.string,
|
titleClassName: PropTypes.string,
|
||||||
descriptionClassName: PropTypes.string,
|
descriptionClassName: PropTypes.string,
|
||||||
title: PropTypes.string,
|
title: PropTypes.string,
|
||||||
|
|
|
@ -17,4 +17,5 @@
|
||||||
|
|
||||||
.path {
|
.path {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,5 +22,12 @@
|
||||||
|
|
||||||
.path {
|
.path {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
word-break: break-word;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
composes: description from '~Components/DescriptionList/DescriptionListItemDescription.css';
|
||||||
|
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
1
frontend/src/Retag/RetagPreviewRow.css.d.ts
vendored
1
frontend/src/Retag/RetagPreviewRow.css.d.ts
vendored
|
@ -2,6 +2,7 @@
|
||||||
// Please do not change this file!
|
// Please do not change this file!
|
||||||
interface CssExports {
|
interface CssExports {
|
||||||
'column': string;
|
'column': string;
|
||||||
|
'description': string;
|
||||||
'path': string;
|
'path': string;
|
||||||
'row': string;
|
'row': string;
|
||||||
'selectedContainer': string;
|
'selectedContainer': string;
|
||||||
|
|
|
@ -82,6 +82,7 @@ class RetagPreviewRow extends Component {
|
||||||
<DescriptionListItem
|
<DescriptionListItem
|
||||||
key={field}
|
key={field}
|
||||||
title={field}
|
title={field}
|
||||||
|
descriptionClassName={styles.description}
|
||||||
data={formatChange(field, oldValue, newValue)}
|
data={formatChange(field, oldValue, newValue)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue