From 3b81cc7929be3f66e9bffee4465b42c42ba58d88 Mon Sep 17 00:00:00 2001
From: WubzyGD <wubzygd@gmail.com>
Date: Sat, 11 Dec 2021 12:01:32 -0700
Subject: [PATCH] y-dynamic modals + hide overflow on modal

---
 scripts/contextmenu/newfolder.js | 1 -
 scripts/modal/post.js            | 1 +
 scripts/modal/pre.js             | 2 ++
 styles/modal.css                 | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/scripts/contextmenu/newfolder.js b/scripts/contextmenu/newfolder.js
index a73c4f7..d0a9800 100644
--- a/scripts/contextmenu/newfolder.js
+++ b/scripts/contextmenu/newfolder.js
@@ -8,7 +8,6 @@ const showError = require('../modal/common/error');
 const clearModals = require('../modal/clearmodals');
 
 module.exports = () => {
-    console.log('e');
     if (window.kade.modal) {console.log('hboonk'); return;}
     preModal('new-folder-modal-container');
     let modal = document.createElement('div');
diff --git a/scripts/modal/post.js b/scripts/modal/post.js
index 681d937..4ddc2b5 100644
--- a/scripts/modal/post.js
+++ b/scripts/modal/post.js
@@ -3,5 +3,6 @@ const transit = require("./transit");
 module.exports = (id) => {
     document.getElementById('modal-block').remove();
     window.kade.modal = false;
+    document.body.style.overflow = 'auto';
     transit(id, false);
 };
\ No newline at end of file
diff --git a/scripts/modal/pre.js b/scripts/modal/pre.js
index 14c8c57..2a0f322 100644
--- a/scripts/modal/pre.js
+++ b/scripts/modal/pre.js
@@ -5,5 +5,7 @@ module.exports = (id) => {
     bl.id = 'modal-block';
     document.body.appendChild(bl);
     window.kade.modal = true;
+    document.getElementById('modal-block').style.top = `${window.scrollY}px`;
+    document.body.style.overflow = 'hidden';
     transit(id, true);
 };
\ No newline at end of file
diff --git a/styles/modal.css b/styles/modal.css
index 7fb8933..720d0e5 100644
--- a/styles/modal.css
+++ b/styles/modal.css
@@ -1,5 +1,5 @@
 .modal {
-    position: absolute;
+    position: fixed;
     width: max-content;
     height: max-content;
     left: 50%;