Fix displaying long paths in Preview Rename & Preview Retag
This commit is contained in:
@@ -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
@@ -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)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user