From eea70ea793c96f59bc50001da883a26a8a178d8c Mon Sep 17 00:00:00 2001
From: Vitya <9317613+vitya-ne@users.noreply.github.com>
Date: Mon, 30 Sep 2024 19:25:08 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B2?=
 =?UTF-8?q?=D1=8B=D0=BF=D0=B0=D0=B4=D0=B0=D1=8E=D1=89=D0=B5=D0=B3=D0=BE=20?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D1=8E=20(#1306)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Показывает хоткей начиная с 1024px

* Устраняет наползание меню на заголовок

* Подстраивает иконку закрытия поиска

* Учитывает сжатие хэдера

* Ровняет хоткеи наждачкой

---------

Co-authored-by: Svetlana Korobtseva <wizzzjer@gmail.com>
---
 src/styles/blocks/header-button.css |  4 ++--
 src/styles/blocks/header.css        | 29 ++++++++++++++++++++++++++++-
 src/styles/blocks/hotkey.css        |  2 +-
 3 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/styles/blocks/header-button.css b/src/styles/blocks/header-button.css
index 25e44133..b821cce4 100644
--- a/src/styles/blocks/header-button.css
+++ b/src/styles/blocks/header-button.css
@@ -97,8 +97,8 @@
 
 @media (width >= 1366px) {
   .header-button-icon--close {
-    width: 37px;
-    height: 37px;
+    width: 36px;
+    height: 36px;
   }
 }
 
diff --git a/src/styles/blocks/header.css b/src/styles/blocks/header.css
index f1f73cfe..8d0351ad 100644
--- a/src/styles/blocks/header.css
+++ b/src/styles/blocks/header.css
@@ -51,10 +51,36 @@
 @media (width >= 1024px) {
   .header--open .header__menu {
     position: fixed;
+    top: 75px;
+  }
+
+  .header--open .header__controls--shrink + .header__menu {
     top: 55px;
   }
 }
 
+@media (width >= 1366px) {
+  .header--open .header__menu {
+    position: fixed;
+    top: 76px;
+  }
+
+  .header--open .header__controls--shrink + .header__menu {
+    top: 56px;
+  }
+}
+
+@media (width >= 1680px) {
+  .header--open .header__menu {
+    position: fixed;
+    top: 83px;
+  }
+
+  .header--open .header__controls--shrink + .header__menu {
+    top: 63px;
+  }
+}
+
 /* содержимое главного меню (без дропдауна) */
 .header__controls {
   --letter-spacing: -0.06em;
@@ -100,6 +126,7 @@
 
 .header--open .header__controls {
   background-color: var(--color-background);
+  transition: none;
 }
 
 .header__divider {
@@ -123,7 +150,7 @@
 }
 
 @media (width >= 1680px) {
-  .header__controls .header__search {
+  .header__controls .header__search, .header__controls .header__buttons {
     position: relative;
     top: -2px;
   }
diff --git a/src/styles/blocks/hotkey.css b/src/styles/blocks/hotkey.css
index 0fcaf806..c55d1761 100644
--- a/src/styles/blocks/hotkey.css
+++ b/src/styles/blocks/hotkey.css
@@ -18,7 +18,7 @@
   }
 }
 
-@media not all and (width >= 768px) {
+@media not all and (width >= 1024px) {
   .hotkey {
     display: none;
   }