diff --git a/frontend/src/App.css b/frontend/src/App.css index 8976aed..1dfe871 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -6,6 +6,23 @@ min-height: 100vh; } +/* Сайдбар: у бренда убираем лишний отступ и стрелку (Tabler не должен добавлять caret к brand) */ +.navbar-vertical .navbar-brand { + padding-left: 0; + padding-right: 0; +} +.navbar-vertical .navbar-brand::after { + display: none !important; +} +.navbar-vertical > .container-fluid { + padding-left: 1rem; + padding-right: 1rem; +} +/* Стрелка только у пунктов с подменю (dropdown-toggle), не у обычных ссылок и не у бренда */ +.navbar-vertical .nav-link:not(.dropdown-toggle)::after { + display: none !important; +} + /* Sidebar: nav-link with icon (Tabler vertical) */ .navbar-vertical .nav-link { display: flex; diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 2b9d67a..48b69ba 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -147,10 +147,12 @@ function MainLayout() { tools: false }); - // Закрытие всех выпадающих меню при клике вне их области + // Закрытие выпадающих меню только при клике в сайдбаре вне открытого меню (клики по странице не закрывают) useEffect(() => { const handleClickOutside = (event) => { - if (!event.target.closest('.nav-item.dropdown')) { + const inSidebar = event.target.closest('.navbar-vertical'); + const inDropdown = event.target.closest('.nav-item.dropdown'); + if (inSidebar && !inDropdown) { setDropdownStates({ data: false, management: false,