diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index b3dd74c..f50ad98 100644 --- a/assets/css/gp-style-core.css +++ b/assets/css/gp-style-core.css @@ -1718,6 +1718,7 @@ button{ .modal-form__close:hover{ opacity: .8; } +.modal-form__button-close{} .modal-form__title{ padding-right: 50px; diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 202bc4a..a6b8f20 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -201,7 +201,9 @@ left: 153px; bottom: 0; } - +.cabinet-card__content{ + padding-right: 19px; +} /* .cabinet-card__order.active */ /* .cabinet-card__order.active */ /* cabinet */ diff --git a/assets/js/gp-cabinet.js b/assets/js/gp-cabinet.js index 3ef6000..d8a5111 100644 --- a/assets/js/gp-cabinet.js +++ b/assets/js/gp-cabinet.js @@ -8,49 +8,60 @@ fun.toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.ca fun.modalFormOpen('.form-open'); fun.closeModalForm('.modal-form__close'); +fun.closeModalForm('.modal-form__button-close'); controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet); function controlCabinet(buttons, main, minWidth){ let thisWidth = window.innerWidth; let thisMain = document.querySelector(main); - - if (thisWidth <= minWidth) { - let thisButtons = document.querySelectorAll(buttons); + let thisButtons = document.querySelectorAll(buttons); - thisButtons.forEach(e => { - e.onclick = function (element){ - let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`); - let newHeight = thisContent.clientHeight + 48; - let thisButton = element.target; + thisButtons.forEach(e => { + e.onclick = function (element){ + let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`); + let newHeight = thisContent.clientHeight + 48; + let thisButton = element.target; - thisMain.style.height = `${newHeight}px` + thisMain.style.height = `${newHeight}px` - if (!thisContent.classList.contains('active')) { - thisMain.querySelector('.active').classList.remove('active'); - thisContent.classList.add('active'); + if (!thisContent.classList.contains('active')) { + thisMain.querySelector('.active').classList.remove('active'); + thisContent.classList.add('active'); - setTimeout(() => { - thisMain.style.height = 'auto'; + setTimeout(() => { + thisMain.style.height = 'auto'; - if (thisMain.querySelector('.hide')) { - thisMain.querySelector('.hide').classList.remove('hide'); - } + if (thisMain.querySelector('.hide')) { + thisMain.querySelector('.hide').classList.remove('hide'); + } - thisMain.querySelector('.active').classList.add('hide'); - }, 200); - } - - thisButtons.forEach(e => { - e.classList.remove('active'); - }) - thisButton.classList.add('active'); + thisMain.querySelector('.active').classList.add('hide'); + }, 200); } - }) - } + thisButtons.forEach(e => { + e.classList.remove('active'); + }) + thisButton.classList.add('active'); + } + }) + } +let modal = document.querySelector('.modal'); +modal.onclick = function (eventModal) { + let thisTarget = eventModal.target; + if (thisTarget.classList.contains('modal')) { + thisTarget.classList.remove('active'); + + if (!thisTarget.querySelector('.modal-map.active')) { + thisTarget.querySelector('.modal-form.active').classList.remove('active'); + }else{ + thisTarget.querySelector('.modal-map.active').classList.remove('active'); + } + } +} diff --git a/assets/js/gp-form.js b/assets/js/gp-form.js index fc08c50..477854b 100644 --- a/assets/js/gp-form.js +++ b/assets/js/gp-form.js @@ -97,11 +97,6 @@ function inputTwo(main, inputTwo) { block.classList.add('active'); } }) - - - // .forEach(block => { - // - // }) } } }) diff --git a/notification-decorated.html b/notification-decorated.html deleted file mode 100644 index 988c0c7..0000000 --- a/notification-decorated.html +++ /dev/null @@ -1,254 +0,0 @@ - - -
- - - -Ваш заказ оформлен
- -- Подтвердите вашу почту -
-Изменить мои данные
- - -Добавить питомца
- - -Изменить мои данные
- - -Добавить адрес
- - -Подписка на корм
- -- Спасибо за интерес к нашему новому виду услуг, данная функция находится в разработке, если вы хотите узнать первыми о запуске подпишитесь на рассылку. -
-