From 5bb2a18ae377e48f815364f0437dbf382610a819 Mon Sep 17 00:00:00 2001
From: Kirill Pet <job.mori.1967@gmail.com>
Date: Tue, 24 Dec 2024 12:35:52 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BB=20addClose?=
 =?UTF-8?q?PhoneMenu=20=D0=B4=D0=BB=D1=8F=20=D1=81=D0=BE=D0=B7=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20?=
 =?UTF-8?q?=D0=B2=20=D0=BC=D0=B5=D0=BD=D1=8E=20=D0=B4=D0=BB=D1=8F=20=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D1=84=D0=BE=D0=BD=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/gp-style-tablet.css |  2 +-
 assets/js/main.js              | 43 ++++++++++------------------------
 index.html                     |  5 ----
 3 files changed, 13 insertions(+), 37 deletions(-)

diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css
index 1c11c67..5e05400 100644
--- a/assets/css/gp-style-tablet.css
+++ b/assets/css/gp-style-tablet.css
@@ -142,7 +142,7 @@
 .phone-menu__sub.open{
     left: 0;
 }
-.phone-menu__sub li:nth-child(2) a{
+.phone-menu__sub > li:nth-child(2) a{
     font-weight: 700;
     font-size: 32px;
 }
diff --git a/assets/js/main.js b/assets/js/main.js
index 7f640b6..bba707e 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -163,6 +163,9 @@ function howPhone() {
 // how end
 
 // phone menu
+addClosePhoneMenu('.phone-menu__content');
+addClosePhoneMenu('.phone-menu__sub');
+
 let btnOpenMenu = document.querySelector('.button-menu__open');
 btnOpenMenu.onclick = function () {
     let block = document.querySelector('.phone-menu'),
@@ -201,39 +204,17 @@ phoneList.forEach(list => {
     })
 })
 
+function addClosePhoneMenu(classAdd) {
+    document.querySelectorAll(classAdd).forEach(element => {
+        let button = document.createElement('button');
+        button.className = "phone-menu-content__close";
 
-// let closeMainMenu = document.querySelector('.phone-menu-content__close.main');
-
-// closeMainMenu.onclick = function () {
-//     let phoneMenu = document.querySelector('.phone-menu'),
-//         block = document.querySelector('.phone-menu__block-content.main'),
-//         content = document.querySelector('.phone-menu__content.main');
-
-//     phoneMenu.classList.remove('active');
-//     block.style.height = 0;
-// }
-
-
-// let nextPhoneMenu = document.querySelectorAll('.phone-menu--next');
-
-// nextPhoneMenu.forEach(next => {
-//     next.onclick = function () {
-//         let subName = next.dataset.menu,
-//             blockSub = document.querySelector(`.phone-menu__sub.${subName}`);
-        
-//         blockSub.classList.add('active');
-//     }
-// })
-
-// let subPhone = document.querySelectorAll('.phone-menu__sub');
-
-// subPhone.forEach(menu => {
-//     let close = menu.querySelector('.phone-menu-content__close');
+        let referenceElement = element.firstElementChild;
 
-//     close.onclick = function () {
-//         menu.classList.remove('active');
-//     }
-// })
+        console.log(element.insertBefore(button, referenceElement));
+    })
+    
+}
 // phone menu end
 
 // search
diff --git a/index.html b/index.html
index 3159f5a..808229b 100644
--- a/index.html
+++ b/index.html
@@ -258,8 +258,6 @@
 
             <div class="phone-menu">
                 <div class="phone-menu__content">
-                    <button class="phone-menu-content__close"></button>
-
                     <ul class="phone-menu__list">
                         <li>
                             <a href="#">спецификация</a>
@@ -268,15 +266,12 @@
                         <li>
                             <a href="#" class="phone-menu--next" data-menu="catalog">каталог</a>
                             <ul class="phone-menu__sub phone-menu__list">
-                                <button class="phone-menu-content__close"></button>
-
                                 <li>
                                     <a href="#">Каталог</a>
                                 </li>
                                 <li>
                                     <a href="#" class="phone-menu--next">Кардио</a>
                                     <ul class="phone-menu__sub phone-menu__list">
-                                        <button class="phone-menu-content__close"></button>
                                         <li>
                                             <a href="#">Кардио</a>
                                         </li>