X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=js%2F10-modal.js;h=eea85d7ac43e7a080aff36bd9164ea840071752b;hb=4aff66acc3f3830f255711563a27726c225a22c1;hp=980bab79a987ae6001413765e665d6fb7390d69c;hpb=7093e9ba00cf7727a52a49d34d4df12e4f865dd4;p=plack-app-gruntmaster.git

diff --git a/js/10-modal.js b/js/10-modal.js
index 980bab7..eea85d7 100644
--- a/js/10-modal.js
+++ b/js/10-modal.js
@@ -1,7 +1,8 @@
-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);
@@ -12,20 +13,21 @@ function hide_modal () {
 }
 
 $(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();
 	}