www: trying to fix modal window

2 files changed, 8 insertions, 2 deletions

diff --git a/juick-www/src/main/static/scripts.js b/juick-www/src/main/static/scripts.js
index a12ec709..c6a960f0 100644
--- a/juick-www/src/main/static/scripts.js
+++ b/juick-www/src/main/static/scripts.js
@@ -524,7 +524,9 @@ function openDialog(html) {
                 ${html}
             </div>
         </div>`;
-    document.querySelector('body').insertAdjacentHTML('afterbegin', dialogHtml);
+    let body = document.querySelector('body');
+    body.classList.add('dialog-opened');
+    body.insertAdjacentHTML('afterbegin', dialogHtml);
     document.addEventListener('keydown', closeDialogListener);
     document.querySelector('#dialogb').addEventListener('click', closeDialog);
     document.querySelector('#dialogc').addEventListener('click', closeDialog);
@@ -535,6 +537,7 @@ function closeDialog() {
     if (draft) {
         window.draft = draft.value;
     }
+    document.querySelector('body').classList.remove('dialog-opened');
     document.querySelector('#dialogb').remove();
     document.querySelector('#dialogt').remove();
 }
diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css
index d7eee654..b438e6a9 100644
--- a/juick-www/src/main/static/style.css
+++ b/juick-www/src/main/static/style.css
@@ -168,7 +168,7 @@ body > header p {
     border: 1px solid #CCC;
     box-sizing: border-box;
     margin: 0 0 5px 0;
-    min-height: 14pt;
+    max-height: 6em;
     min-width: 280px;
     padding: 4px;
     width: 100%;
@@ -635,6 +635,9 @@ q {
     padding: 25px;
     width: 300px;
 }
+.dialog-opened {
+    overflow: hidden;
+}
 #signfb,
 #signvk {
     display: block;