Как всегда скрывать боковую панель при загрузке в Gentelella, как в мобильном режиме? - PullRequest
Новая
       46

Как всегда скрывать боковую панель при загрузке в Gentelella, как в мобильном режиме?

0 голосов
/ 18 февраля 2019

Мне нужно постоянно скрывать меню боковой панели по умолчанию, чтобы при нажатии пользователем кнопки переключения отображалось свернутое меню (nav-sm).

Другими словами, янеобходимо одинаковое поведение мобильного режима на всех устройствах.Я очень старался, но не смог добиться успеха!

1 Ответ

0 голосов
/ 19 февраля 2019

Не уверен, что у кого-то есть такие проблемы, но вот что я нашел:

Классы nav-sm, nav-md и nav-lg определяют стиль боковой панели.Теперь nav-md является оригинальным режимом gentelella и скрывает боковую панель для небольших устройств.Я делаю это с помощью запроса @media: 

@media (max-width: 991px) {
    .nav-md .container.body .right_col,
    .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0
    }
    .nav-md .container.body .col-md-3.left_col {
        display: none
    }
    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0
    }
    .right_col {
        padding: 10px !important
    }
}

Если вы делаете то же самое за пределами запроса, он переопределит исходные стили и боковая панель будет работать одинаково на любом устройстве ... Этото, что я хотел, хотя я уверен, что это довольно уродливый способ сделать это.Если кто-то увидит это и лучше поймет, я был бы признателен за некоторые комментарии.

PS: это фактически создает новую проблему с синим фоном внизу страницы.Но это другая история.

Это полезно: https://misc.laboradian.com/dashboard-sample/1/

...