arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add pre-wrap to motivation text

Browse Source
This commit is contained in:
Daniel Appelgren
2021-12-14 16:04:05 +01:00
parent 0160cc6fec
commit 5994e6f8c9
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.html
View File

@@ -6,11 +6,13 @@
af-variation="danger" af-variation="danger"
> >
<h3>Status: {{slutredovisning.status}}</h3> <h3>Status: {{slutredovisning.status}}</h3>
<p>{{slutredovisning.motivation}}</p> <p class="slutredovisning-view__motivation-text">{{slutredovisning.motivation}}</p>
</digi-notification-alert> </digi-notification-alert>
<digi-notification-alert *ngIf="!statusIsFailed(slutredovisning.status)" af-variation="info"> <digi-notification-alert *ngIf="!statusIsFailed(slutredovisning.status)" af-variation="info">
<h3>Status: {{slutredovisning.status}}</h3> <h3>Status: {{slutredovisning.status}}</h3>
<p *ngIf="slutredovisning.motivation">{{slutredovisning.motivation}}</p> <p class="slutredovisning-view__motivation-text" *ngIf="slutredovisning.motivation">
{{slutredovisning.motivation}}
</p>
</digi-notification-alert> </digi-notification-alert>
<msfa-slutredovisning-view-description-list <msfa-slutredovisning-view-description-list
[slutredovisning]="slutredovisning" [slutredovisning]="slutredovisning"

4
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.scss
View File

@@ -7,6 +7,10 @@
flex-direction: column; flex-direction: column;
gap: $digi--layout--gutter--l; gap: $digi--layout--gutter--l;
&__motivation-text {
white-space: pre-wrap;
}
&__footer { &__footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;