From d9b7eef0662099e8fab27c38381e6a47e7bd62f5 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 21 Mar 2026 12:35:59 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D0=B2=D1=8B=D0=BF=D0=B0=D0=B4=D0=B0=D1=8E=D1=89?=
 =?UTF-8?q?=D0=B8=D1=85=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=D0=BE?=
 =?UTF-8?q?=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyDialog.vue   |  2 +-
 src/components/MyDropMenu.vue | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/MyDialog.vue b/src/components/MyDialog.vue
index 7d0ce6f..1c54557 100644
--- a/src/components/MyDialog.vue
+++ b/src/components/MyDialog.vue
@@ -52,7 +52,7 @@ const props = defineProps({
     display: flex;
     justify-content: center;
     align-items: center;
-    z-index: 501;
+    z-index: 999;
 }
 
 .modal {
diff --git a/src/components/MyDropMenu.vue b/src/components/MyDropMenu.vue
index b255953..024a21c 100644
--- a/src/components/MyDropMenu.vue
+++ b/src/components/MyDropMenu.vue
@@ -36,7 +36,7 @@
                     <custom-button :to="infoCard.hrefToCourse" title="Посмотреть на Stepik">Курс</custom-button>
                     <custom-button :to="infoCard.hrefToDoc"
                         title="Посмотреть в официальной документации">Документация</custom-button>
-                    <custom-button @click="isModalVisible = false">ОК</custom-button>
+                    <custom-button @click="handleOkBtn">ОК</custom-button>
                 </div>
             </template>
         </MyDialog>
@@ -52,6 +52,10 @@ const isOpen = ref(false);
 const isModalVisible = ref(false);
 const infoCard = ref({})
 
+function handleOkBtn() {
+    isModalVisible.value = false
+    isOpen.value = true
+}
 const toggleMenu = () => {
     isOpen.value = !isOpen.value;
 };
@@ -62,6 +66,7 @@ const closeMenu = () => {
 
 function openInfoCard(obj) {
     isModalVisible.value = true
+    isOpen.value = false
     infoCard.value = obj
 }
 
@@ -129,11 +134,9 @@ defineExpose({ open: () => (isOpen.value = true), close: closeMenu });
 <style scoped>
 .burger-btn {
     position: fixed;
-    /* Она всегда на одном месте при скролле */
     top: 20px;
     left: 20px;
-    z-index: 9999;
-    /* Максимальный приоритет, чтобы быть ПОВЕРХ всего */
+    z-index: 3;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
@@ -185,7 +188,7 @@ h1 {
     height: 100%;
     background-image: radial-gradient(#23aae3e2, #222222);
     color: white;
-    z-index: 1000;
+    z-index: 2;
     padding: 0 20px 20px;
     overflow-y: scroll;
     overflow: auto;