senaduka/old-new-wiaas
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

break project name and location details if too long

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/containers/orders/components/OrderInfo.jsx
View File

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

8
frontend/src/containers/orders/style/ProcessContainer.scss
View File

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