style: widen lifecycle primary surface
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user