feat(ui): establish semantic colors and focus foundation

This commit is contained in:
cesnimda
2026-09-11 09:04:55 +02:00
parent f696f23fc5
commit 115441a409
26 changed files with 1689 additions and 34 deletions
+4 -2
View File
@@ -942,7 +942,9 @@ function SectionRow({
variant="outlined"
{...dragProps}
sx={{
opacity: dragging ? 0.4 : row.hidden ? 0.58 : 1,
// Hidden in the document is not disabled in the editor: keep names and
// controls readable. The visibility icon/label still conveys inclusion.
opacity: dragging ? 0.4 : 1,
borderTop: over ? "2px solid" : undefined, borderTopColor: over ? "primary.main" : undefined,
transition: "opacity 150ms ease, border-color 120ms ease, box-shadow 150ms ease",
overflow: "hidden", "&:hover": { boxShadow: 1 },
@@ -1062,7 +1064,7 @@ function EntryEditor({ section, row, settings, onPatch, onUpdateSettings }: {
return (
<Paper key={key} variant="outlined" {...drag.getItemProps(i)}
sx={{
p: 0.75, opacity: drag.dragIndex === i ? 0.4 : hidden ? 0.5 : 1, cursor: "grab",
p: 0.75, opacity: drag.dragIndex === i ? 0.4 : 1, cursor: "grab",
borderTop: drag.overIndex === i && drag.dragIndex !== i ? "2px solid" : undefined,
borderTopColor: "primary.main", transition: "opacity 150ms ease",
}}>