From e3a7dbe039c4343f27c3b71e9aa918f96a4543e2 Mon Sep 17 00:00:00 2001
From: Zac Ioannidis <zacoppotamus@gmail.com>
Date: Thu, 29 Oct 2020 11:21:26 +0000
Subject: [PATCH] Pin infopopup to top, let it float on top of timeline on
 reduced viewport height

---
 src/components/Layout.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Layout.js b/src/components/Layout.js
index 29c92e4..be1933d 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -262,10 +262,11 @@ class Dashboard extends React.Component {
 
     const dateHeight = 80
     const popupStyles = {
-      height: `calc(100vh - ${app.timeline.dimensions.height}px - ${dateHeight}px)`,
+      height: `fit-content`,
       width: '60vw',
       maxWidth: 600,
-      bottom: app.timeline.dimensions.height + dateHeight,
+      maxHeight: window.innerHeight > 768? `calc(100vh - ${app.timeline.dimensions.height}px - ${dateHeight}px)` : `100vh`,
+      top: 0,
       overflowY: 'scroll'
     }