Tweaking contact modal

emilchr · Jul 4, 2023 · 1552415 · 1552415
1 parent 3b1d292
commit 1552415
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/resources/app.js b/resources/app.js
@@ -62,12 +62,16 @@ contactModal.style.display === 'none';
 
 // Contact modal
 const contactPopUp = () => { // shows or hides contact modal
-    
+
     if(contactModal.style.display === 'none'){
 
         contactModal.style.display = 'block';
         contactButton.style.borderLeft = "3px solid rgba(0, 187, 255, 0.342)";
-        contactButton.style.borderBottom = "4px solid rgba(0, 187, 255, 0.342)";     
+        contactButton.style.borderBottom = "4px solid rgba(0, 187, 255, 0.342)";  
+
+        if (contactModal.style.display === 'block'){
+            //layoutContainer.addEventListener('click', () => {contactModal.style.display = 'none'});
+        }
 
     } else {
 
@@ -78,9 +82,11 @@ const contactPopUp = () => { // shows or hides contact modal
     }
 
 }
+contactButton.addEventListener('click', contactPopUp);
+
+
 
 
-contactButton.addEventListener('click', contactPopUp);
 
 const colorPicture = () => {
     profilePic.src = "./resources/images/emilbilde.png"

diff --git a/resources/style.css b/resources/style.css
@@ -141,6 +141,7 @@ h3{
     row-gap: 1em;
     background: linear-gradient(140deg, rgba(2,0,36,0) 38%, rgb(0, 189, 255) 100%);
     color: rgb(35, 35, 35);
+    z-index: 1;
 }
 .layout-container_dark{/* dark mode*/
     position: relative;
@@ -176,7 +177,6 @@ nav{
     display: grid;
     align-items: center;
     justify-items: center;
-
 }
 nav .navigation-items{
     margin: 0.25em;