From ff5d92d7a7e1bdda0bd00490b39aae153f84a8d3 Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@icinga.com>
Date: Thu, 14 May 2020 16:55:58 +0200
Subject: [PATCH] modal.less: Make modals responsive

---
 public/css/icinga/modal.less | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/public/css/icinga/modal.less b/public/css/icinga/modal.less
index 88fed93ed..50c96678d 100644
--- a/public/css/icinga/modal.less
+++ b/public/css/icinga/modal.less
@@ -5,10 +5,6 @@
   right: 0;
   top: 0;
 
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
   background-color: rgba(0, 0, 0, .6);
   opacity: 0;
   font-size: @font-size;
@@ -21,6 +17,15 @@
     opacity: 1;
     pointer-events: auto;
   }
+
+  > div {
+    height: 100%;
+    pointer-events: none;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }
 
 #modal-content {
@@ -94,6 +99,9 @@
 }
 
 .modal-window {
+  overflow: auto;
+  pointer-events: auto;
+
   display: flex;
   align-items: stretch;
   flex-direction: column;
@@ -105,6 +113,5 @@
   margin: 0 auto;
   max-height: 80%;
   min-height: 40vh;
-  overflow: hidden;
-  width: 60em;
+  max-width: 60em;
 }