fix: do not cover more screen than necessary (title bar) with challenge modal

2020-10-16 11:45:23 +02:00
parent 62da387d3a
commit 04131f8e62
2 changed files with 4 additions and 3 deletions
--- 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);
 }
--- 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);