paragraph list view

1 files changed, 5 insertions, 6 deletions

diff --git a/animism-align/frontend/views/align/components/timeline/ticks.component.js b/animism-align/frontend/views/align/components/timeline/ticks.component.js
index 72f9bd0..747fb7a 100644
--- a/animism-align/frontend/views/align/components/timeline/ticks.component.js
+++ b/animism-align/frontend/views/align/components/timeline/ticks.component.js
@@ -1,16 +1,15 @@
 import React, { Component } from 'react'
 
-import { ZOOM_STEPS, ZOOM_LABEL_STEPS, ZOOM_TICK_STEPS } from '../../constants'
+import { ZOOM_STEPS, ZOOM_LABEL_STEPS, ZOOM_TICK_STEPS, INNER_HEIGHT } from '../../constants'
 import { timestamp } from '../../../../util'
 
 export default class Ticks extends Component {
   render() {
     let { start_ts, zoom, duration } = this.props.timeline
-    const width = window.innerHeight
 
     let secondsPerPixel = ZOOM_STEPS[zoom] * 0.1 // 0.1 sec / step
 
-    let widthTimeDuration = width * secondsPerPixel // secs per pixel
+    let widthTimeDuration = INNER_HEIGHT * secondsPerPixel // secs per pixel
 
     let timeMin = start_ts
     let timeMax = Math.min(start_ts + widthTimeDuration, duration)
@@ -26,11 +25,11 @@ export default class Ticks extends Component {
     let startOffset = pixelsPerLabel - (pixelMin % pixelsPerLabel)
     let startTiming = (pixelMin + startOffset) * secondsPerPixel
 
-    let labelCount = Math.ceil(width / pixelsPerLabel) + 1
+    let labelCount = Math.ceil(INNER_HEIGHT / pixelsPerLabel) + 1
     let offset, timing, tickLabels = [], ticks = []
     for (var i = -1; i < labelCount; i++) {
       offset = i * pixelsPerLabel + startOffset
-      if (offset > width) continue
+      if (offset > INNER_HEIGHT) continue
       timing = i * secondsPerLabel + startTiming
       if (timing > duration) {
         break
@@ -63,7 +62,7 @@ export default class Ticks extends Component {
         />
       )
     }
-    let tickCount = Math.ceil(width / pixelsPerTick) + 6
+    let tickCount = Math.ceil(INNER_HEIGHT / pixelsPerTick) + 6
     for (var i = 0; i < tickCount; i += 1) {
       offset = i * pixelsPerTick + startOffset - pixelsPerLabel
       if (offset > durationOffset) {