From 59666a8be8f35dadb300e6a9085cd11986caf668 Mon Sep 17 00:00:00 2001 From: koziavin Date: Tue, 22 Jul 2025 14:38:52 +0400 Subject: [PATCH] update --- kedo/default.css | 46 ++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 40 insertions(+), 6 deletions(-) diff --git a/kedo/default.css b/kedo/default.css index e783074..bab030c 100644 --- a/kedo/default.css +++ b/kedo/default.css @@ -692,7 +692,7 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) { display: block; position: absolute; left: 0; - top: 0; + top: -8px; height: 72px; padding: 12px 15px; display: flex; @@ -705,11 +705,6 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) { background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1); } - .hero__search-form.show-search-panel, - .ya-site-form.show-search-panel { - transform: none; - } - .hero__search-form form { padding: 0; width: 100%; @@ -735,6 +730,40 @@ input[type="text"]:not(.ReportTypo input):not(.ReportTypo-comment) { } } +@media (min-width: 768px) and (max-width: 1101px) { + .hero__search { + margin-top: -1px; + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + background-color: transparent; + padding: 18px 6px 8px 20px; + transition: background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1); + order: 3; + } + + .hero__search-icon { + display: block; + } + + .hero__search-form, + .header .ya-site-form { + display: block; + position: absolute; + left: 0; + top: 8px; + height: 80px; + padding: 12px 15px; + width: 100%; + max-width: 100%; + z-index: 1; + transform: translateY(-100%); + transition: transform 0.1s cubic-bezier(0.77, 0.2, 0.05, 1), + background 0.1s cubic-bezier(0.77, 0.2, 0.05, 1); + } +} + @media (max-width: 580px) { input[type="text"] { width: auto; @@ -2096,3 +2125,8 @@ code { .header__list-item-url { height: 20px; } + +.hero__search-form.show-search-panel, +.ya-site-form.show-search-panel { + transform: none !important; +}