fix(table): white row bg + stronger hover per user feedback
User: "строки таблиц белые / ховер на них более чёткий а то еле видно". Прошлый hover был bg-surface-2/40 (40% opacity на cream/yellow page bg) — почти неотличим от default. Под page bg #faf9f5 + 40% opacity surface-2 тёмное пятно еле проступало. На long тяжело отследить какая row под cursor. Изменения: - DictRow (catalog table): убран subtle scope-color bg tint (был warn-bg/30, pink-bg/30 — еле виден на page bg). Row всегда `bg-surface` (white). Scope visually conveyed через 3px left-stripe + colored SCOPE chip. Hover full strength `bg-surface-2` (no /40 opacity). - FieldsTabContent + EventsTabContent rows: same change — bg-surface + hover:bg-surface-2. - Shared TableRow component (ui/components/table.tsx): bg-surface + hover:bg-surface-2 — applies к records table, audit, и любым другим TableRow callsites.
This commit is contained in:
@@ -78,7 +78,9 @@ export const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttribut
|
||||
<tr
|
||||
ref={ref}
|
||||
className={cn(
|
||||
'border-b border-line transition-colors hover:bg-surface-2/40 data-[state=selected]:bg-accent-bg',
|
||||
// White row bg + clear hover state per user feedback ("строки белые,
|
||||
// ховер более чёткий"). Прошлый /40 opacity на hover был еле виден.
|
||||
'border-b border-line bg-surface transition-colors hover:bg-surface-2 data-[state=selected]:bg-accent-bg',
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
|
||||
Reference in New Issue
Block a user