final-deploy-#3

GeorgiySergeev · May 24, 2023 · 0f2a533 · 0f2a533
1 parent 1b3c31b
commit 0f2a533
Show file tree

Hide file tree

Showing 6 changed files with 146 additions and 395 deletions.
diff --git a/src/css/order-modal.css b/src/css/order-modal.css
@@ -366,8 +366,18 @@
   }
 }
 
-
-
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  white-space: nowrap;
+  clip-path: inset(100%);
+  clip: rect(0 0 0 0);
+  overflow: hidden;
+}
 .input-modal-field {
   width: 100%;
   height: 40px;

diff --git a/src/css/styles.css b/src/css/styles.css
@@ -15,7 +15,10 @@
 @import url('./thanks-mod.css');
 @import url('./basket-modal.css');
 
-
+html {
+  tab-size: 4;
+  scroll-behavior: smooth;
+}
 body {
   background-color: #ae1332;
   color: #ffffff;

diff --git a/src/index.html b/src/index.html
@@ -47,7 +47,7 @@
     </footer>
 
     <!-- modal windows -->
-    <div class="overlay js-overlay-modal"></div>
+
     <load src="partials/order-mod.html" />
     <load src="partials/thanks-mod.html" />
     <load src="partials/basket-mod.html" />

diff --git a/src/js/thanks-modal.js b/src/js/thanks-modal.js
@@ -5,8 +5,8 @@ const backdrop = document.querySelector('.overlay');
 const openModalBtn = document.querySelector('.contacts-button');
 const closeBtns = document.querySelectorAll('.close-btn');
 const openSuccessModal = () => {
-  thankModal.classList.add(MODAL_ACTIVE_CLASS_NAME);
   backdrop.classList.add(MODAL_ACTIVE_CLASS_NAME);
+  thankModal.classList.add(MODAL_ACTIVE_CLASS_NAME);
 };
 const closeSuccessModal = () => {
   thankModal.classList.remove(MODAL_ACTIVE_CLASS_NAME);
@@ -21,4 +21,4 @@ closeBtns.forEach(btn => {
 form.addEventListener('submit', e => {
   e.preventDefault();
   setTimeout(openSuccessModal, 300);
-});
+});