Fix lightning graph heights on preview pages

This commit is contained in:
Mononaut 2022-08-23 15:50:52 +00:00
parent 5ad9572166
commit 8dd8c01aab
No known key found for this signature in database
GPG Key ID: 61B952CAF4838F94
2 changed files with 15 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<div [style]="style === 'widget' ? 'height: 250px' : ''"> <div class="map-wrapper" [class]="style">
<div *ngIf="channelsObservable | async"> <ng-container *ngIf="channelsObservable | async">
<div *ngIf="chartOptions" [class]="'full-container ' + style + (fitContainer ? ' fit-container' : '')"> <div *ngIf="chartOptions" [class]="'full-container ' + style + (fitContainer ? ' fit-container' : '')">
<div *ngIf="style === 'graph'" class="card-header"> <div *ngIf="style === 'graph'" class="card-header">
<div class="d-flex d-md-block align-items-baseline" style="margin-bottom: -5px"> <div class="d-flex d-md-block align-items-baseline" style="margin-bottom: -5px">
@ -18,5 +18,5 @@
<div class="text-center loading-spinner" [class]="style" *ngIf="isLoading"> <div class="text-center loading-spinner" [class]="style" *ngIf="isLoading">
<div class="spinner-border text-light"></div> <div class="spinner-border text-light"></div>
</div> </div>
</div> </ng-container>
</div> </div>

View File

@ -1,3 +1,15 @@
.map-wrapper {
height: 100%;
&.widget {
height: 250px;
}
&.graph {
height: auto;
}
}
.card-header { .card-header {
border-bottom: 0; border-bottom: 0;
font-size: 18px; font-size: 18px;