/*
* Переопределения стилей MoonShine-админки.
* Подключается глобально в App\Providers\MoonShineServiceProvider::boot()
* через moonshineAssets()->append() — на всех layout'ах, включая логин.
*/
/*
* TomSelect (single + searchable): пока открыт выпадающий список, прячем
* выбранный элемент из контрола, чтобы имя предыдущего выбора не
* оставалось рядом с набираемым текстом. Текущий выбор при этом
* подсвечен в выпадающем списке; после выбора (Enter/клик) список
* закрывается и имя сразу видно — по input-active нельзя, т.к. фокус
* остаётся на поле и после выбора, и строка выглядела пустой.
*/
select[data-search-enabled] + .ts-wrapper.single.dropdown-active .ts-control > .item {
display: none;
}
/*
* W7 (docs/UI_UX_POLISH_TASK.md): вложенные пункты сайдбара визуально
* мельче и с отступом слева, чтобы отличаться от заголовков групп.
* .menu-submenu — вендорный класс вложенного
(menu/index.blade.php,
* $dropdown=true), рендерится только внутри открытой группы.
*/
.menu-submenu {
padding-left: 0.75rem;
}
.menu-submenu .menu-text {
font-size: 0.9em;
}
/*
* docs/SIDEBAR_JUMP_TASK.md §0.4: 'sidebar-preload' ставится синхронно на
* в (MoonShineLayout::assets(), InlineJs без defer) ДО
* первого пейнта и снимается в moonshine-custom.js после того, как
* restore() применит открытые группы (localStorage
* 'neho:sidebar:openGroups') и scrollTop ('neho:sidebar:scrollTop') на
* 'alpine:initialized'. Пока класс висит: (1) сам список меню скрыт —
* пользователь не видит сброшенное (закрыто/scrollTop=0) состояние ДО
* того, как JS восстановит реальное; (2) collapse-анимация группы
* (x-transition.top, group.blade.php) отключена — восстановление не
* должно выглядеть как раскрытие группы кликом.
*/
html.sidebar-preload .layout-menu .menu-list {
visibility: hidden;
}
html.sidebar-preload .menu-item,
html.sidebar-preload .menu-submenu {
transition: none !important;
}
/*
* §2 (docs/SIDEBAR_JUMP_TASK.md): вендорный `.menu-list` (main.css)
* намеренно прячет системный scrollbar (`scrollbar-width:none` +
* `::-webkit-scrollbar{display:none}`) — при меню длиннее экрана это
* единственный способ прокрутки мышью/тачем без визуального индикатора
* позиции ("скролл только колёсиком", жалоба владельца). Тонкий
* стилизованный scrollbar поверх текущей цветовой схемы — переменные
* `--ms-cm-base-*` уже определены в color-schemes.css под обе темы
* ([data-scheme]), значения сами переключаются вместе со схемой.
* `.layout-menu .menu-list` (2 класса) специфичнее вендорного `.menu-list`
* (1 класс) — переопределяет каскадом без !important.
*/
.layout-menu .menu-list {
scrollbar-width: thin;
scrollbar-color: var(--ms-cm-base-400) transparent;
}
.layout-menu .menu-list::-webkit-scrollbar {
display: block;
width: 6px;
}
.layout-menu .menu-list::-webkit-scrollbar-track {
background: transparent;
}
.layout-menu .menu-list::-webkit-scrollbar-thumb {
background-color: var(--ms-cm-base-400);
border-radius: 3px;
}
.layout-menu .menu-list::-webkit-scrollbar-thumb:hover {
background-color: var(--ms-cm-base-600);
}
/*
* W5 (docs/UI_UX_POLISH_TASK.md): карточки дашборда — сейчас у вендорного
* Column только col-span-{adaptive}/xl:col-span-{colSpan}, т.е. один
* брейкпоинт (xl=1280px), сетка скачет 4->1. Добавляем промежуточные шаги
* 3 и 2 колонки поверх existing col-span-12 (<640px, без изменений) и
* xl:col-span-3 (>=1280px, без изменений). Верхняя граница 1023px — граница
* встроенного вендорного авто-burger сайдбара (.layout-menu, main.css,
* @media not all and (min-width:1024px)), поэтому "<=2 колонки -> сайдбар
* в бургер" уже выполняется существующим поведением, без доп. правок.
*/
@media (min-width: 640px) and (max-width: 1023px) {
.dashboard-grid > div {
grid-column: span 6 / span 6;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.dashboard-grid > div {
grid-column: span 4 / span 4;
}
}
/*
* W3 (docs/UI_UX_POLISH_TASK.md): переключатель языка — двухбуквенный код
* вместо иконки-глифа (resources/views/vendor/moonshine/components/layout/
* locales.blade.php). Фиксированная ширина, чтобы разные коды (2 буквы)
* не дёргали раскладку топбара.
*/
.languages-btn-code {
display: inline-block;
min-width: 1.6em;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.02em;
text-align: center;
}
/*
* W11 (docs/UI_STANDARDS_TASK.md блок 1): шрифт панели фильтров и выпадающего
* меню выбора колонок — ~на 20% меньше основного.
*
* Панель фильтров рендерится как .offcanvas (MoonShine\Crud\Buttons\
* FiltersButton::for() -> ActionButton::inOffCanvas()) — единственное место
* в проекте, где используется этот компонент, поэтому селектор безопасен
* (не заденет ничего другого).
*
* Меню выбора колонок — обычный .dropdown (TableBuilder::getTopRight()),
* этот же компонент используется по всему проекту (профиль, языки,
* уведомления, действия строки таблицы) — сузить пришлось через :has() по
* маркеру data-column-selection-checker, который вендор уже вешает именно
* на чекбоксы колонок (тот же файл TableBuilder.php) и больше нигде.
*/
.offcanvas {
font-size: 0.8em;
}
.dropdown:has([data-column-selection-checker]) .dropdown-menu {
font-size: 0.8em;
}
/*
* W16 (docs/UI_STANDARDS_TASK.md блок 2): компактные формы простых
* справочников — App\MoonShine\Resources\Concerns\HasCompactFormLayout
* добавляет класс .form-compact на