-var modal, hiding;
+let modal, backdrop, hiding;
function show_modal () {
modal.classList.remove('hidden');
+ backdrop.classList.remove('hidden');
setTimeout(function (){
document.body.classList.add('modal-open');
}, 20);
}
$(function() {
+ if(document.documentElement.clientWidth)
+ return;
modal = $('.modal')[0];
- $(modal).on('transitionend', function (){
+ backdrop = $('.backdrop')[0];
+ $(modal).on('transitionend', el => {
if(!document.body.classList.contains('modal-open'))
modal.classList.add('hidden');
});
- $('.backdrop,.modal').each(function(el){
- document.body.appendChild(el);
- });
- $('#solution').on('click', function (e){
+ $('.backdrop,.modal').each(el => document.body.appendChild(el) );
+ $('#solution').on('click', e => {
show_modal();
e.preventDefault();
});
$('.backdrop').on('click', hide_modal);
- window.onkeyup = function (event) {
+ window.onkeyup = event => {
if (event.keyCode === 27)
hide_modal();
}