Mercurial > hg > ugly-duckling
changeset 428:634d51d8e114
Bodge height
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Tue, 06 Jun 2017 23:14:57 +0100 |
parents | b0415f8837d9 |
children | c3f35dc61765 |
files | src/app/actions/action-tray.component.ts |
diffstat | 1 files changed, 4 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- 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}), ])) ]),