Add files via upload

Vital-Vuillaume · Dec 31, 2023 · f70c65f · f70c65f
1 parent d127d19
commit f70c65f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git 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
@@ -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;
 };
diff --git 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>