style: widen lifecycle primary surface

This commit is contained in:
lda
2026-07-12 21:01:21 +07:00 Verified
parent e0d2ab763e
commit 04728b9d83
3 changed files with 8 additions and 3 deletions
@@ -80,6 +80,7 @@ describe("PreparedAuthoringLifecycleScene", () => {
.toBeInTheDocument(); .toBeInTheDocument();
expect(visual).toHaveAttribute("data-presentation-surface", "editorial"); expect(visual).toHaveAttribute("data-presentation-surface", "editorial");
expect(visual).toHaveAttribute("data-visual-role", "authoring-phase"); expect(visual).toHaveAttribute("data-visual-role", "authoring-phase");
expect(workspace.querySelector('[data-visual-role="lifecycle-primary"]')).toBe(visual.parentElement);
}); });
it("synchronizes the assistant phase, active group, rail, and visual", () => { it("synchronizes the assistant phase, active group, rail, and visual", () => {
@@ -83,7 +83,11 @@ export const PreparedAuthoringLifecycleScene = ({ scene, beat, onAdvance }: Prep
))} ))}
</ol> </ol>
<article className="prepared-lifecycle-scene__projection" key={beatId}> <article
className="prepared-lifecycle-scene__projection"
data-visual-role="lifecycle-primary"
key={beatId}
>
<AuthoringPhaseVisual projection={projection} /> <AuthoringPhaseVisual projection={projection} />
</article> </article>
</div> </div>
@@ -3586,7 +3586,7 @@
--authoring-ink: var(--color-editorial-ink, oklch(0.19 0.015 65)); --authoring-ink: var(--color-editorial-ink, oklch(0.19 0.015 65));
--authoring-muted: var(--color-editorial-muted, oklch(0.48 0.025 65)); --authoring-muted: var(--color-editorial-muted, oklch(0.48 0.025 65));
--authoring-rule: color-mix(in oklch, var(--authoring-muted) 32%, transparent); --authoring-rule: color-mix(in oklch, var(--authoring-muted) 32%, transparent);
grid-template-columns: minmax(15rem, 0.35fr) minmax(0, 0.65fr); grid-template-columns: minmax(13rem, 0.3fr) minmax(0, 0.7fr);
gap: 0.8rem; gap: 0.8rem;
background: var(--authoring-paper); background: var(--authoring-paper);
color: var(--authoring-ink); color: var(--authoring-ink);
@@ -3613,7 +3613,7 @@
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__projection { .prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__projection {
margin: 0; margin: 0;
padding: 1rem 0; padding: 1.35rem 1.4rem;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
border-bottom: 1px solid var(--authoring-rule); border-bottom: 1px solid var(--authoring-rule);