aboutsummaryrefslogtreecommitdiff
path: root/juick-www/src/main
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2017-09-01 09:49:18 +0300
committerGravatar Vitaly Takmazov2017-09-01 09:50:26 +0300
commitfb734b50962744f4cdfc51e7a228de18bc96130a (patch)
tree33dbd56d9c24448d487dea31e03beb9a8a8b05c3 /juick-www/src/main
parent7459263dda42ef363693021a71bd0603a23f1e92 (diff)
www: trying to fix modal window
Diffstat (limited to 'juick-www/src/main')
-rw-r--r--juick-www/src/main/static/scripts.js5
-rw-r--r--juick-www/src/main/static/style.css5
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;