Fix lightning graph heights on preview pages
This commit is contained in:
parent
5ad9572166
commit
8dd8c01aab
@ -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>
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user