diff src/app/analysis-item/analysis-item.component.html @ 365:9ba7d304a99d

Add css classes to the container divs for ngIf and ngSwitch to ensure they fill the height of their parents. The template needs tidying up to avoid these unnecessary divs.
author Lucas Thompson <dev@lucas.im>
date Tue, 30 May 2017 18:13:12 +0100
parents 53d33e0d0636
children 3fa0c8cab919
line wrap: on
line diff
--- a/src/app/analysis-item/analysis-item.component.html	Tue May 30 18:11:55 2017 +0100
+++ b/src/app/analysis-item/analysis-item.component.html	Tue May 30 18:13:12 2017 +0100
@@ -28,10 +28,17 @@
         ></ugly-waveform>
 
         <ng-template #notAudio>
-          <div
+          <div class="content"
             *ngIf="getFeatureShape() as shape; else showSpinner">
-            <div [ngSwitch]="shape">
-              <ugly-curve *ngSwitchCase="'vector'"></ugly-curve>
+            <div [ngSwitch]="shape" class="content">
+              <ugly-curve
+                *ngSwitchCase="'vector'"
+                [timeline]="timeline"
+                [trackIdPrefix]="item.id"
+                [width]="contentWidth"
+                [onSeek]="onSeek"
+                [feature]="item.collected"
+              ></ugly-curve>
               <div *ngSwitchDefault>Feature cannot be visualised.</div>
             </div>
           </div>