From d6a14019c6817a150dc0e7072dedbd6cf0a79b62 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sun, 16 Oct 2022 16:02:51 +0200
Subject: [PATCH] web/admin: rework scrolling in modals, ensure overlay covers
 everything

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/common/styles/authentik.css     | 5 -----
 web/src/elements/buttons/ModalButton.ts | 3 ---
 web/src/elements/forms/ModalForm.ts     | 2 +-
 3 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/web/src/common/styles/authentik.css b/web/src/common/styles/authentik.css
index f45212b79..881e2f5ed 100644
--- a/web/src/common/styles/authentik.css
+++ b/web/src/common/styles/authentik.css
@@ -106,11 +106,6 @@ html > form > input {
     margin-bottom: 6px;
 }
 
-/* Fix scrolling in modals in low-height viewports on Chromium */
-.pf-c-modal-box__body {
-    overflow: hidden;
-}
-
 @media (prefers-color-scheme: dark) {
     .ak-static-page h1 {
         color: var(--ak-dark-foreground);
diff --git a/web/src/elements/buttons/ModalButton.ts b/web/src/elements/buttons/ModalButton.ts
index 6cb4991aa..dadb64f01 100644
--- a/web/src/elements/buttons/ModalButton.ts
+++ b/web/src/elements/buttons/ModalButton.ts
@@ -22,9 +22,6 @@ export const MODAL_BUTTON_STYLES = css`
         text-align: left;
         font-size: var(--pf-global--FontSize--md);
     }
-    .pf-c-modal-box.pf-m-lg {
-        overflow-y: auto;
-    }
     .pf-c-modal-box > .pf-c-button + * {
         margin-right: 0;
     }
diff --git a/web/src/elements/forms/ModalForm.ts b/web/src/elements/forms/ModalForm.ts
index 9f6cfdf8e..6f430f00e 100644
--- a/web/src/elements/forms/ModalForm.ts
+++ b/web/src/elements/forms/ModalForm.ts
@@ -65,7 +65,7 @@ export class ModalForm extends ModalButton {
                     </h1>
                 </div>
             </section>
-            <section class="pf-c-modal-box__body pf-c-page__main-section pf-m-light">
+            <section class="pf-c-modal-box__body">
                 <slot name="form"></slot>
             </section>
             <footer class="pf-c-modal-box__footer">