break project name and location details if too long

This commit is contained in:
Bilal Catic
2018-11-19 16:29:22 +01:00
parent 3d37a88247
commit e548e2a31c
2 changed files with 10 additions and 2 deletions

View File

@@ -80,7 +80,7 @@ class OrderInfo extends Component {
<Col xl="2">
<div>
<div className="subtitle"><h6>{orderTexts.labels.REFERENCE}:</h6></div>
<span>{orderInfo.reference || '-'}</span>
<span className="reference">{orderInfo.reference || '-'}</span>
</div>
<div>
<div className="subtitle"><h6>{orderTexts.labels.BID}:</h6></div>
@@ -139,7 +139,7 @@ class OrderInfo extends Component {
<Col xl="2">
<div>
<div className="subtitle"><h6>{orderTexts.labels.PROJECT}:</h6></div>
<span>{orderInfo.projectName || '-'}</span>
<span className="project-name">{orderInfo.projectName || '-'}</span>
</div>
<div className="terms-link">

View File

@@ -7,6 +7,14 @@ $link-line-height: 1.5rem;
margin-top: 0.5rem;
}
.reference{
word-break: break-all;
}
.project-name{
word-break: break-all;
}
.info-color {
margin-top: 0.2rem;
padding-left: 0.2rem;