From 04131f8e623d9f5c1425f55a4ca2867e66bac6e6 Mon Sep 17 00:00:00 2001
From: Baptiste Grob <60621355+baptiste-grob@users.noreply.github.com>
Date: Fri, 16 Oct 2020 11:45:23 +0200
Subject: [PATCH] fix: do not cover more screen than necessary (title bar) with
 challenge modal

---
 app/assets/stylesheets/_main.scss   | 1 +
 app/assets/stylesheets/_modals.scss | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/_main.scss b/app/assets/stylesheets/_main.scss
index f86ff4fcd..ec3fbd982 100644
--- a/app/assets/stylesheets/_main.scss
+++ b/app/assets/stylesheets/_main.scss
@@ -89,6 +89,7 @@ p {
 .main-ui-view {
   min-height: 100vh;
   height: 100vh;
+  position: relative;
   overflow: auto;
   background-color: var(--sn-stylekit-background-color);
 }
diff --git a/app/assets/stylesheets/_modals.scss b/app/assets/stylesheets/_modals.scss
index c83aefd04..77494478d 100644
--- a/app/assets/stylesheets/_modals.scss
+++ b/app/assets/stylesheets/_modals.scss
@@ -103,7 +103,7 @@
 }
 
 .sk-modal {
-  position: fixed;
+  position: absolute;
   margin-left: auto;
   margin-right: auto;
   left: 0;
@@ -111,8 +111,8 @@
   top: 0;
   bottom: 0;
   z-index: $z-index-modal;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
 
   background-color: transparent;
   color: var(--sn-stylekit-contrast-foreground-color);