Улучшение в мобильной версии админки OctoberCMS (build 419)

Идея в том, что sidebar ужимается до 45px и убираются надписи в sidebar, чтобы для содержимого страницы оставалось больше места. Код весьма неуклюжий, но рабочий.

Создать файл custom.less в директории \modules\backend\assets\less со следующим содержимым:

@media (max-width: @screen-xs) {
    .layout.flyout-container > .layout-cell:first-child:not(.sidenav-tree) {
        width: 45px !important;
    }
    #layout-sidenav {
        .nav-label {
            display: none;
        }
    }
    .fancy-layout {
        .form-buttons {
            .btn {
                margin-right: 14px;
            }
        }
        .form-tabless-fields {
            input[type=text] {
                font-size: 24px;
            }
        }
    }
}

В конец файла \modules\backend\assets\less\october.less добавить строчку про созданный файл

...
@import "layout/fancylayout.less";
@import "layout/flyout.less";

// Custom
@import "custom.less";

Скомпилировать css, и почистить кэш.

php artisan october:util compile assets
php artisan cache:clear

mobile-admin-interface-octobercms

Похожие записи