fix: fill wide lifecycle presentation stage
This commit is contained in:
@@ -247,24 +247,9 @@ describe("presentation.css", () => {
|
|||||||
expect(narrowAssistant).toContain("max-height: min(24rem, 60vh);");
|
expect(narrowAssistant).toContain("max-height: min(24rem, 60vh);");
|
||||||
});
|
});
|
||||||
|
|
||||||
it("keeps wide lifecycle evidence compact instead of stretching into a sparse frame", () => {
|
it("does not cap lifecycle evidence on wide presentation canvases", () => {
|
||||||
const wideContainer = cssBlock(css, "@container presentation-canvas (min-width: 1500px)") ?? "";
|
expect(css).not.toContain("@container presentation-canvas (min-width: 1500px)");
|
||||||
const widePresentation = cssBlocks(
|
expect(css).not.toContain("max-height: min(34rem, 56vh);");
|
||||||
wideContainer,
|
|
||||||
'.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__presentation',
|
|
||||||
).find((body) => body.includes("grid-template-rows: auto max-content;"));
|
|
||||||
const wideFrame = cssBlocks(
|
|
||||||
wideContainer,
|
|
||||||
'.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__frame',
|
|
||||||
).find((body) => body.includes("height: max-content;"));
|
|
||||||
|
|
||||||
// The scene itself must retain its bounded rows so the chat pane cannot size from its transcript.
|
|
||||||
expect(wideContainer).not.toMatch(
|
|
||||||
/\.prepared-lifecycle-scene\[data-presentation-surface="editorial"\]\s*\{/,
|
|
||||||
);
|
|
||||||
expect(widePresentation).toContain("align-content: start;");
|
|
||||||
expect(wideFrame).toContain("max-height: min(34rem, 56vh);");
|
|
||||||
expect(wideFrame).toContain("overflow: visible;");
|
|
||||||
});
|
});
|
||||||
|
|
||||||
it("bounds prepared conversation scrolling and recenters the agent handoff at compact stage widths", () => {
|
it("bounds prepared conversation scrolling and recenters the agent handoff at compact stage widths", () => {
|
||||||
|
|||||||
@@ -4020,20 +4020,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Keep the wide stage editorial instead of turning the phase frame into a blank wall. */
|
|
||||||
@container presentation-canvas (min-width: 1500px) {
|
|
||||||
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__presentation {
|
|
||||||
grid-template-rows: auto max-content;
|
|
||||||
align-content: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.prepared-lifecycle-scene[data-presentation-surface="editorial"] .prepared-lifecycle-scene__frame {
|
|
||||||
height: max-content;
|
|
||||||
max-height: min(34rem, 56vh);
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes authoring-frame-content-enter {
|
@keyframes authoring-frame-content-enter {
|
||||||
from { opacity: 0; }
|
from { opacity: 0; }
|
||||||
to { opacity: 1; }
|
to { opacity: 1; }
|
||||||
|
|||||||
Reference in New Issue
Block a user