Fix displaying long paths in Preview Rename & Preview Retag

pull/3863/head
Bogdan 10 months ago
parent 172a4417e9
commit a0385ca53f

@ -5,7 +5,7 @@
}
.description {
composes: title from '~Components/DescriptionList/DescriptionListItemDescription.css';
composes: description from '~Components/DescriptionList/DescriptionListItemDescription.css';
margin-left: 110px;
}

@ -10,6 +10,7 @@ class DescriptionListItem extends Component {
render() {
const {
className,
titleClassName,
descriptionClassName,
title,
@ -17,7 +18,7 @@ class DescriptionListItem extends Component {
} = this.props;
return (
<div>
<div className={className}>
<DescriptionListItemTitle
className={titleClassName}
>
@ -35,6 +36,7 @@ class DescriptionListItem extends Component {
}
DescriptionListItem.propTypes = {
className: PropTypes.string,
titleClassName: PropTypes.string,
descriptionClassName: PropTypes.string,
title: PropTypes.string,

@ -17,4 +17,5 @@
.path {
margin-left: 10px;
word-break: break-word;
}

@ -22,5 +22,12 @@
.path {
margin-left: 10px;
word-break: break-word;
font-weight: bold;
}
.description {
composes: description from '~Components/DescriptionList/DescriptionListItemDescription.css';
word-break: break-word;
}

@ -2,6 +2,7 @@
// Please do not change this file!
interface CssExports {
'column': string;
'description': string;
'path': string;
'row': string;
'selectedContainer': string;

@ -82,6 +82,7 @@ class RetagPreviewRow extends Component {
<DescriptionListItem
key={field}
title={field}
descriptionClassName={styles.description}
data={formatChange(field, oldValue, newValue)}
/>
);

Loading…
Cancel
Save