Комментарий #5042082

SergejVolkov
Блоки, блоки, блоки! Как Вы уже, наверное, заметили, вся мобильная версия сайта стала блочной, и это связано с выходом версии 2.3.0. Как следствие, переменная (если кто-то ими пользуется) --l-page-back-color-mobile стала бесполезной, но она оставлена в файлах цветовых схем для обратной совместимости.

Верхнее меню теперь закреплено вверху экрана по умолчанию и в десктопной, и в мобильной версии сайта, поэтому
/* Этот блок кода отвечает за 'прилипающее' меню в десктопной версии сайта.
    Если Вам это не нужно, можете удалить или закомментировать (хотя, по-моему, удобно). */

/* AUTO=sticky_menu */
@media screen and (min-width: 1025px) {
    .l-top_menu-v2 {
        position: sticky;
        top: 0;
    }

        .l-top_menu-v2 .active .submenu, .l-top_menu-v2 .search-results {
            max-height: calc(100vh - 46px);
            overflow: auto;
        }
}
Также появилась нью кул фича: скрипт для интеллектуального поведения верхнего меню. Если Вы хотите, чтобы при скролле вниз меню скрывалось, а при прокрутке вверх - всплывало, можете установить его. Подробные инструкции находятся тут. Скрипт может нестабильно работать в мобильных браузерах!

Как и обычно, если в связи с переходом на новый дизайн у Вас возникли какие-то проблемы, не стесняйтесь, напишите об этом здесь или мне в лс.
Ответы
SergejVolkov
SergejVolkov#
Небольшое дополнение по предыдущей @новости.

Некоторые из тех, кто удалил код для прилипающего меню, столкнулись с проблемой: у них не отображается большая аватарка и слетел шрифт в мобильной версии. Это лечится путем добавления пустого медиа-запроса в конец кода, в downloadable.css уже все исправлено:
/*------------ Костыль. Пустой медиа-запрос для корректной работы мобильной версии ------------*/

@media { }

/*---------------------------------- Место для Вашего кода ------------------------------------*/


Происходит это по причине, описанной тут. Извините пжлстааа :cry:
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть