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 @@
Reset