Fix overview modals

core/static/modal.js

@@ -1,17 +1,37 @@
 var modal = document.querySelector('.modal');  // assuming you have only 1
 var html = document.querySelector('html');
-modal.querySelector('.modal-background').addEventListener('click', function(e) {
-  e.preventDefault();
-  modal.classList.remove('is-active');
-  html.classList.remove('is-clipped');
-});
-modal.querySelector('.modal-close').addEventListener('click', function(e) {
-  e.preventDefault();
-  modal.classList.remove('is-active');
-  html.classList.remove('is-clipped');
-});
-modal.querySelector('.modal-close-button').addEventListener('click', function(e) {
-  e.preventDefault();
-  modal.classList.remove('is-active');
-  html.classList.remove('is-clipped');
-});
+
+var elements = document.querySelectorAll('.modal-background');
+for(var i = 0; i < elements.length; i++) {
+    elements[i].addEventListener('click', function(e) {
+      // elements[i].preventDefault();
+      modal.classList.remove('is-active');
+      html.classList.remove('is-clipped');
+    });
+}
+
+var elements = document.querySelectorAll('.modal-close');
+for(var i = 0; i < elements.length; i++) {
+    elements[i].addEventListener('click', function(e) {
+      // elements[i].preventDefault();
+      modal.classList.remove('is-active');
+      html.classList.remove('is-clipped');
+    });
+}
+
+function activateButtons() {
+  var elements = document.querySelectorAll('.modal-close-button');
+  for(var i = 0; i < elements.length; i++) {
+      elements[i].addEventListener('click', function(e) {
+        // elements[i].preventDefault();
+        modal.classList.remove('is-active');
+        html.classList.remove('is-clipped');
+      });
+  }
+}
+activateButtons();
+// modal.querySelector('.modal-close-button').addEventListener('click', function(e) {
+//   e.preventDefault();
+//   modal.classList.remove('is-active');
+//   html.classList.remove('is-clipped');
+// });