diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 50c8b40..037aae7 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -48,7 +48,7 @@ } .modal-basket__item--return{ flex-direction: column; - align-items: end; + align-items: start; } .modal-basket__item--return .modal-basket-item__title{ margin-right: auto; diff --git a/assets/js/gp-main.js b/assets/js/gp-main.js index 0bb6fa8..06dc385 100644 --- a/assets/js/gp-main.js +++ b/assets/js/gp-main.js @@ -6,12 +6,31 @@ toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'whi toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white'); // header -// media +// modal modalOpen('.button--filter', '.modal__filter'); modalOpen('.basket-open', '.modal__basket'); modalOpen('.open-to-know', '.modal__to-know'); modalClose('.modal__close'); -// media + +let modal = document.querySelector('.modal'); + +modal.onclick = function (event) { + let target = event.target; + + if (target.classList.contains('modal')) { + let aside = target.querySelector('.modal__aside'), + modalItem = target.querySelector('.modal__item.active'); + + aside.style.width = '0px'; + setTimeout(() => { + modalItem.style.cssText = ''; + modalItem.classList.remove('active'); + target.classList.remove('active'); + }, 300); + } +} + +// modal // toggle toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true); @@ -270,46 +289,14 @@ function toggleHeader(button, content, blockheight, removeBlock, removeClass) { thisContent.classList .remove('open'); if (removeBlock) { - thisRemoveBlock.classList.add(removeClass); + if (window.scrollY <= 25) { + thisRemoveBlock.classList.add(removeClass); + } } } } } -function createGalleryPhone(swiper, wrapper, slide, width) { - if (window.screen.width <= width) { - let thisSwiper = document.querySelector(swiper), - thisWrapper = document.querySelector(wrapper), - thisSlides = document.querySelectorAll(slide); - - - - thisSwiper.classList.add('swiper'); - thisWrapper.classList.add('swiper-wrapper'); - thisSlides.forEach(e => { - e.classList.add('swiper-slide'); - }) - - const t = new Swiper('.detail__images', { - spaceBetween: 100, - - pagination: { - el: '.swiper-pagination', - }, - - navigation: { - nextEl: '.swiper-button-next', - prevEl: '.swiper-button-prev', - }, - - scrollbar: { - el: '.swiper-scrollbar', - }, - }); - - } -} - // resize window.addEventListener('resize', (e) => {