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