Fix displaying long paths in Preview Rename & Preview Retag

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

@ -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;
}

@ -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…
Cancel
Save