ckaczor/HomeMonitor
1
0
Fork 0
mirror of https://github.com/ckaczor/HomeMonitor.git synced 2026-01-14 01:25:38 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add loading to pressure trend

Browse Source
This commit is contained in:
Chris Kaczor
2019-10-07 19:37:20 -04:00
parent f6404fbcb2
commit e9c0672006
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Display/src/app/components/weather/pressure-trend/pressure-trend.component.html
View File

@@ -1,3 +1,6 @@
<div class="pressure-trend-container">
<mat-icon id="pressure-arrow" *ngIf="pressureDifference !== null" [ngClass]="rotationClass()">arrow_right_alt</mat-icon>
<div class="pressure-trend-container pressure-trend-loading" *ngIf="pressureDifference === null">
Loading...
</div>
<div class="pressure-trend-container" *ngIf="pressureDifference !== null">
<mat-icon id="pressure-arrow" [ngClass]="rotationClass()">arrow_right_alt</mat-icon>
</div>

7
Display/src/app/components/weather/pressure-trend/pressure-trend.component.scss
View File

@@ -1,5 +1,10 @@
.pressure-trend-container {
height: calc(100% - 40px);
height: calc(100% - 20px);
}
.pressure-trend-loading {
font-size: 14px;
padding: 10px;
}
#pressure-arrow {