# HG changeset patch # User Lucas Thompson # Date 1496787297 -3600 # Node ID 634d51d8e1146c344b0679f549181ef6c789c313 # Parent b0415f8837d936651179d9a8540256e22c0ace06 Bodge height diff -r b0415f8837d9 -r 634d51d8e114 src/app/actions/action-tray.component.ts --- a/src/app/actions/action-tray.component.ts Tue Jun 06 22:13:34 2017 +0100 +++ b/src/app/actions/action-tray.component.ts Tue Jun 06 23:14:57 2017 +0100 @@ -16,7 +16,7 @@ styles: [ `.tray { background: white; - height: 100%; + height: calc(100vh - 64px); width: 100%; position: absolute; z-index: 100; @@ -26,7 +26,7 @@ animations: [ trigger('visibility', [ state('show', style({ - height: '100%', + height: 'calc(100vh - 64px)', overflow: 'scroll' })), state('hide', style({ @@ -36,12 +36,12 @@ transition('hide => show', [ animate(300, keyframes([ style({height: 0, offset: 0}), - style({height: '100%', offset: 1.0}), + style({height: 'calc(100vh - 64px)', offset: 1.0}), ])) ]), transition('show => hide', [ animate(300, keyframes([ - style({height: '100%', offset: 0.0}), + style({height: 'calc(100vh - 64px)', offset: 0.0}), style({height: 0, offset: 1.0}), ])) ]),