From 84d470e1e1ee06f0b7b8bfb54b88c3e15093cb41 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 20 Jan 2022 21:42:21 +0200
Subject: [PATCH] Scrollable modal

---
 app/styles/global.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/styles/global.css b/app/styles/global.css
index bf222a05f..6fcd5d9f4 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -283,13 +283,17 @@ select::selection {
 }
 
 .modal > div {
-  position: absolute;
+  position: relative;
   top: 50%;
   left: 50%;
   width: 800px;
-  padding: 2em;
+
+  /* TODO: just use as much space as is needed */
+  height: 100%;
+  padding: var(--s-8);
   background-color: var(--bg-lighter);
   border-radius: var(--rounded);
+  overflow-y: auto;
   transform: translate(-50%, -50%);
 }