From f70c65f26b52fd58a8511765bcee9b994d3a4c48 Mon Sep 17 00:00:00 2001
From: Vital Vuillaume <vitalvuillaume@proton.me>
Date: Sun, 31 Dec 2023 23:37:48 +0100
Subject: [PATCH] Add files via upload

---
 My-Website.css | 14 +++++++++++---
 My-Website.js  |  8 ++++----
 index.html     |  2 +-
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/My-Website.css b/My-Website.css
index 9f7f4c0..fd504b1 100644
--- a/My-Website.css
+++ b/My-Website.css
@@ -36,7 +36,7 @@ body {
   width: 283px;
   position: fixed;
   transition: 0.5s;
-  z-index: 100;
+  z-index: 10000;
   
 }
 
@@ -51,6 +51,7 @@ body {
   border-bottom: 1px solid rgb(78, 78, 78);
   box-shadow: 0 20px 30px #1111118c;
   transition: 0.15s;
+
 }
 
 .custom-menu .premier {
@@ -134,7 +135,7 @@ img, .custom-menu {
   transition: background-color 0s, width 1.1s;
   overflow-x: hidden;
   border-radius: 15px;
-  z-index: 20000;
+  z-index: 2000;
 }
 
 
@@ -503,7 +504,7 @@ body.active ::placeholder, body.active ::-moz-placeholder {
   width: max-content;
   padding: 30px;
   border-radius: 20px;
-  position: absolute;
+  position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-42.5%, -50%);
@@ -881,6 +882,7 @@ body.active ::placeholder, body.active ::-moz-placeholder {
     transform: translate(-50%, -50%);
     padding: 15px;
     font-size: 4vw;
+    background-color: rgb(199 199 199 / 36%);
 
   }
 
@@ -890,6 +892,12 @@ body.active ::placeholder, body.active ::-moz-placeholder {
     gap: 80px;
 
   }
+
+  .btnPopup {
+
+    background-color: rgb(199 199 199 / 36%);
+
+  }
 }
 
 @media screen and (max-width: 350px) {
diff --git a/My-Website.js b/My-Website.js
index 422cab2..733d89a 100644
--- a/My-Website.js
+++ b/My-Website.js
@@ -35,7 +35,7 @@ const curseur = document.querySelector('.curseur');
 const curseurCustom = document.querySelector('.curseurCustom');
 const reset = document.querySelector('.reset');
 const popup = document.querySelector('.popup');
-const btnPopup = document.querySelector('.ok');
+const btnPopup = document.querySelector('.valider');
 const annuler = document.querySelector('.annuler');
 
 //-----Afficher la section 1 par defaut----\\
@@ -78,7 +78,7 @@ function toggleCustomMenu(e) {
       const windowWidth = window.innerWidth;
       const windowHeight = window.innerHeight;
     
-      const menuMargin = 11;
+      const menuMargin = 0;
     
       let menuX = mouseX;
       let menuY = mouseY;
@@ -555,7 +555,7 @@ reset.onclick = function() {
   if (isPopupVisible === true) {
     popup.style.visibility = "visible";
     popup.style.opacity = 1;
-    body.style.overflow = "hidden";
+    section3.style.overflow = "hidden";
   };
 };
 
@@ -576,6 +576,6 @@ function btnPopupClickHandler(event) {
 annuler.onclick = function() {
     popup.style.visibility = "hidden";
     popup.style.opacity = 0;
-    body.style.overflow = "auto";
+    section3.style.overflow = "auto";
     isPopupVisible = false;
 };
\ No newline at end of file
diff --git a/index.html b/index.html
index 9724d72..80f0ba6 100644
--- a/index.html
+++ b/index.html
@@ -96,7 +96,7 @@
       <div class="btnParametres reset">Reset</div>
       <div class="popup">Les paramètres seront remis par défaut.
         <div class="sectionBtn">
-          <div class="btnPopup ok">Valider</div>
+          <div class="btnPopup valider">Valider</div>
           <div class="btnPopup annuler">Annuler</div>
         </div>
       </div>