Correct Hub and Engine component geometry
This commit is contained in:
+17
-3
@@ -57,7 +57,12 @@ Dropdown владеет floating-layer поведением:
|
||||
|
||||
## Select
|
||||
|
||||
Select добавляет к Dropdown контролируемое значение, options и необязательный поиск. Native select не используется как видимый runtime UI, но может использоваться как fallback только в специально оговорённом legacy-контуре.
|
||||
Select добавляет к Dropdown контролируемое значение, options и необязательный поиск. У него две канонические формы:
|
||||
|
||||
- `integrated` — единая pill-поверхность Hub/Launcher;
|
||||
- `split` — форма Engine с отдельной областью значения и отдельной кнопкой раскрытия `46 px`, между ними зазор `8 px`.
|
||||
|
||||
Native select не используется как видимый runtime UI. Меню рендерится через portal; у Engine-варианта меню имеет радиус `20 px`, а строки — `14 px` и высоту `42 px`.
|
||||
|
||||
## Window
|
||||
|
||||
@@ -66,7 +71,7 @@ Window — единая механика открытия modal и правой
|
||||
- приложение контролирует `open`;
|
||||
- библиотека управляет portal, focus entry/trap/restore, Escape, backdrop и scroll lock;
|
||||
- `center` — modal;
|
||||
- `end` — inspector/settings/detail panel.
|
||||
- `end` — modeless inspector/settings/detail panel без затемнения, backdrop blur, backdrop close, focus trap и блокировки прокрутки страницы.
|
||||
|
||||
Содержание, сохранение и запросы принадлежат приложению.
|
||||
|
||||
@@ -88,6 +93,14 @@ Pill navigation для верхней панели и компактного п
|
||||
|
||||
Компонент фиксирует положение логотипа, высоту и выравнивание, но не знает маршруты конкретного приложения.
|
||||
|
||||
В Hub-форме центр состоит из круглого workspace trigger и segmented navigation. Справа используется единая profile-group поверхность с иконкой, подписью и круглым avatar. Эти элементы нельзя заменять случайными standalone-кнопками, сохраняя только приблизительную позицию.
|
||||
|
||||
## AdminNavigationPanel
|
||||
|
||||
Левая выезжающая панель Hub/Launcher. Библиотека владеет оболочкой `352 px`, радиусом `21.6 px`, внутренними отступами, full-bleed context/navigation pills, круглыми icon surfaces и анимацией появления. Приложение передаёт workspace/company, маршруты, active id и footer identity.
|
||||
|
||||
На desktop открытая панель занимает отдельную колонку с зазором `12 px` до основного контента, а не перекрывает его затемнённым overlay.
|
||||
|
||||
## StatusBadge
|
||||
|
||||
Статус использует semantic tone: neutral, success, warning, danger или accent. Бизнес-статус приложения маппится на tone в самом приложении.
|
||||
@@ -104,5 +117,6 @@ Inspector владеет:
|
||||
- вертикальным ритмом;
|
||||
- раскладкой label/control.
|
||||
|
||||
Engine продолжает владеть определениями полей, типами нод и сохранением значений.
|
||||
Для Engine Environment Settings desktop-контракт точный: окно `390 px`, рабочая колонка `330 px`, строка `154 + 14 + 162 px`, высота контрола `46 px`, section header `50 px` с радиусом `12 px`. Accent-filled section headers и полноширинные range/checker/select сохраняют геометрию исходника.
|
||||
|
||||
Engine продолжает владеть определениями полей, типами нод и сохранением значений.
|
||||
|
||||
Reference in New Issue
Block a user