ckaczor/HomeMonitor
1
0
Fork 0
mirror of https://github.com/ckaczor/HomeMonitor.git synced 2026-01-20 01:25:38 -05:00
Code Issues 9 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"> <div class="pressure-trend-container pressure-trend-loading" *ngIf="pressureDifference === null">
<mat-icon id="pressure-arrow" *ngIf="pressureDifference !== null" [ngClass]="rotationClass()">arrow_right_alt</mat-icon> Loading...
</div>
<div class="pressure-trend-container" *ngIf="pressureDifference !== null">
<mat-icon id="pressure-arrow" [ngClass]="rotationClass()">arrow_right_alt</mat-icon>
</div> </div>

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

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