feat: навигация на ui-kit SIdebar + мобильный drawer
Tests / frontend-test (push) Successful in 1m9s
Tests / frontend-test (push) Successful in 1m9s
This commit is contained in:
@@ -81,15 +81,22 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
// На узких экранах рейл уходит наверх.
|
||||
@media (max-width: 900px) {
|
||||
// Мобильная кнопка-бургер (открывает выезжающий Sidebar). На десктопе скрыта.
|
||||
.mobileNav {
|
||||
display: none;
|
||||
margin-bottom: $sp-4;
|
||||
}
|
||||
|
||||
// < 768px: рейл превращается в выезжающий drawer (см. @tnsu/ui-kit Sidebar). Он
|
||||
// position:fixed и выходит из потока — колонка .side схлопывается сама, main
|
||||
// занимает всю ширину. Показываем бургер в шапке контента.
|
||||
@media (max-width: 768px) {
|
||||
.layout {
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.side {
|
||||
width: 100%;
|
||||
.mobileNav {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user