tvolkmann/travopti
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

changed result layout

Browse Source
This commit is contained in:
Timo Volkmann 2020-06-25 11:58:59 +02:00
parent cea47548bc
commit 6be202a0d2
2 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/result/result.component.html
View File

@ -16,8 +16,8 @@
<span matTooltip="Total accommodation">{{result.total_accommodation_costs|number:'1.2-2'}}€</span> <span matTooltip="Total accommodation">{{result.total_accommodation_costs|number:'1.2-2'}}€</span>
</div> </div>
<mat-divider *ngIf="result.scores.length > 0"></mat-divider> <mat-divider *ngIf="result.scores.length > 0"></mat-divider>
<div class="searched-params"> <div *ngIf="result.scores.length > 0" class="searched-params">
<div class="result-desc">Estimated values for your chosen travel dates</div>
<table> <table>
<tr *ngFor="let score of result.scores" [ngClass]="{'undefined': score.value == undefined}"> <tr *ngFor="let score of result.scores" [ngClass]="{'undefined': score.value == undefined}">
<td> <td>
@ -44,5 +44,7 @@
</tr> </tr>
</table> </table>
</div> </div>
<mat-divider></mat-divider>
<div class="result-desc">Estimated values for your chosen travel dates</div>
</div> </div>
</div> </div>

3
frontend/src/app/components/result/result.component.scss
View File

@ -69,10 +69,11 @@
} }
.result-desc { .result-desc {
color: #b5b9be;
text-transform: uppercase; text-transform: uppercase;
font-size: small; font-size: small;
margin-right: 0.25rem; margin-right: 0.25rem;
margin-bottom: 0.5rem; margin-top: 0.5rem;
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;