fix(admin-ui): QA report sweep — modal/table layout, i18n, sidebar polish
Восемь дефектов из QA-отчёта одним MR. #1 — Records-table теряла первую колонку после закрытия Create-modal. Корень: lg:grid-cols-[220px_1fr] без minmax(0,…) — 1fr имел implicit min-content (=max-content), позволяя table вырасти шире viewport. После закрытия Radix Dialog снималось body padding-right (~15px), grid пересчитывался и клиппил колонку под overflow-hidden card. Fix: grid-cols-[220px_minmax(0,1fr)] + убран overflow-hidden с card (Table primitive имеет свой overflow-x-auto). #2 — Esc закрывал modal с задержкой (визуал/DOM рассинхрон). duration-200 на slow CPU ощущался как несколько кадров между state=closed и unmount. Снижено до duration-150 — совпадает с tw-animate-css дефолтами. #3 — «+ Создать» обрезалось до «+ Соз» на ~1075px на detail-странице. EditorTabBar: 6 tabs + 3 кнопки actions в одном flex row без shrink-0 давили друг друга. Решение: tabs в overflow-x-auto wrapper с min-w-0, actions в shrink-0 контейнере — tabs скроллятся, actions всегда видны полностью. scrollbar скрыт визуально (height-консистентность). #4 — Обрезка названий в records-table при PUBLIC+INTERNAL. Добавлен div.overflow-x-auto вокруг table + min-w-[760px] на table + min-w-[180px] max-w-[320px] truncate на name cell. Catalog table также получает min-w-[220px] на name column. #5 — Заголовки колонок и кнопка «Граф» не локализованы на EN. defaultValue:'Название' inline в коде падал на ru-text при EN locale. Вынесены в i18n: dict.col.title/id/bundle/records/updated/outgoingFk/ incomingFk + dict.list.graph для обеих локалей. #6 — Modal backdrop почти невидим. bg-black/40 + 1px blur → bg-black/55 + 2px blur. Заметно темнее при сохранении читабельности фона, фокус на modal. #7 — Неестественная подсказка в форме «Создать»: «Имя оставьте уникальное; версия сбросится на 1.0.0» → «Укажите уникальное имя — версия сбросится на 1.0.0». #8 — «Главная» в сайдбаре сбивала active state. Клик на «Главную» вёл на `/` → redirect на /dictionaries → подсветка уезжала на «Справочники». Logo сверху уже даёт home affordance, поэтому duplicate nav item удалён (desktop + mobile).
This commit is contained in:
@@ -2,7 +2,6 @@ import { useState } from 'react'
|
||||
import { Link, useLocation } from '@tanstack/react-router'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import {
|
||||
Home,
|
||||
Database,
|
||||
FileText,
|
||||
ClipboardList,
|
||||
@@ -112,12 +111,14 @@ export function Sidebar() {
|
||||
webhooks.data?.filter((w) => w.active).length ?? 0
|
||||
|
||||
// Flat list per redesign/compact.html — no section labels, /graph removed
|
||||
// (now reachable via catalog toolbar "Граф ⇄" button). Order: Главная →
|
||||
// Справочники → Мои черновики → На ревью → Outbox → Webhooks → Аудит → Поиск.
|
||||
// (now reachable via catalog toolbar "Граф ⇄" button). QA bug #8: «Главная»
|
||||
// удалён — он вёл на `/` который сразу redirect'нет на /dictionaries; в
|
||||
// сайдбаре подсветка слетала (active state на /dictionaries, не на /).
|
||||
// Logo сверху уже даёт home affordance — duplicate nav item только сбивал.
|
||||
// Order: Справочники → Мои черновики → На ревью → Outbox → Webhooks → Аудит → Поиск.
|
||||
const sections: NavSection[] = [
|
||||
{
|
||||
items: [
|
||||
{ to: '/', label: t('nav.home'), icon: Home },
|
||||
{
|
||||
to: '/dictionaries',
|
||||
label: t('nav.dictionaries'),
|
||||
@@ -484,11 +485,11 @@ export function MobileSidebar({ open, onClose }: { open: boolean; onClose: () =>
|
||||
const webhooksActive =
|
||||
webhooks.data?.filter((w) => w.active).length ?? 0
|
||||
|
||||
// Flat list per redesign — same as desktop Sidebar above.
|
||||
// Flat list per redesign — same as desktop Sidebar above. QA bug #8:
|
||||
// «Главная» удалён (redirect → /dictionaries сбивал active state).
|
||||
const sections: NavSection[] = [
|
||||
{
|
||||
items: [
|
||||
{ to: '/', label: t('nav.home'), icon: Home },
|
||||
{
|
||||
to: '/dictionaries',
|
||||
label: t('nav.dictionaries'),
|
||||
|
||||
Reference in New Issue
Block a user