From 52e960a1d0d107ea45fe507e8d3a109f2dc5a930 Mon Sep 17 00:00:00 2001 From: erjemin Date: Thu, 29 Jan 2026 17:57:43 +0300 Subject: [PATCH] =?UTF-8?q?mod:=20=D0=BC=D0=B5=D0=BD=D1=8E=20=D0=BD=D0=B5?= =?UTF-8?q?=20=D0=BD=D0=B0=D0=BB=D0=B5=D0=B7=D0=B0=D1=8E=D1=82=20=D0=BD?= =?UTF-8?q?=D0=B0=20=D0=BB=D0=BE=D0=B3=D0=BE=D1=82=D0=B8=D0=BF=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/static/css/etpgrf.css | 52 ++++++++++++++++++++++++++---------- 1 file changed, 38 insertions(+), 14 deletions(-) diff --git a/public/static/css/etpgrf.css b/public/static/css/etpgrf.css index c3dda94..35f8f0a 100644 --- a/public/static/css/etpgrf.css +++ b/public/static/css/etpgrf.css @@ -67,7 +67,7 @@ body { #main-navbar > .container { background: no-repeat left; background-size: contain; - flex-wrap: nowrap !important; /* Запрещаем перенос бургера */ + position: relative; /* Для абсолютного позиционирования бургера */ } #main-navbar > .container.logo-big { @@ -102,16 +102,24 @@ body { opacity: 0; } -/* --- Стили для ссылок в меню --- */ -.navbar { - /* position: fixed; Убрал fixed, так как у нас sticky */ - /* top: 0; */ - /* width: 100%; */ - /* background: var(--bs-navbar-bg); */ - /* display: flex; */ - /* justify-content: center; */ - /* transition: all 0.8s; */ +/* --- Бургер меню --- */ +#main-navbar > #logo > .navbar-toggler { + position: absolute; + right: 0.75rem; /* Отступ справа как у контейнера */ + transition: top 0.4s ease; /* Анимация позиции */ + z-index: 1001; } + +#main-navbar > #logo.logo-big > .navbar-toggler { + top: 32px; /* Центрируем для высоты 105px */ +} + +/* При скролле меняем позицию бургера */ +#main-navbar > #logo:not(.logo-big) > .navbar-toggler { + top: 10px; /* Центрируем для высоты 60px */ +} + +/* --- Стили для ссылок в меню --- */ .nav-item { color: var(--bs-body-bg); padding: 10px 15px; @@ -119,14 +127,30 @@ body { position: relative; } -/* Фикс для мобильной версии: ширина по контенту и прижатие вправо */ +/* Фикс для мобильных версий: ширина по контенту, прижатие вправо, логотипы */ @media (max-width: 991.98px) { - .nav-item { - width: fit-content; - margin-left: auto; + .nav-item { + width: fit-content; + margin-left: auto; + } + + .navbar-collapse { + margin-top: -10px; + } +} +@media (max-width: 767.98px) { + #main-navbar > #logo > .navbar-brand { + background: none !important; + } +} +@media (max-width: 456.98px) { + #main-navbar > .container { + background: no-repeat left; + background-size: 105px 500px !important; } } + .nav-item:hover { background-color: var(--bs-navbar-bg); transition: background-color 0.8s;