refactor: consolidate Scene 8 layout rules

This commit is contained in:
lda
2026-07-12 08:34:02 +07:00 Verified
parent 2cf3091ffd
commit 99dd3e7038
2 changed files with 5 additions and 10 deletions
@@ -54,6 +54,7 @@ describe("presentation.css", () => {
}); });
it("bounds Scene 9 conversation scrolling and recenters Scene 8 at compact stage widths", () => { it("bounds Scene 9 conversation scrolling and recenters Scene 8 at compact stage widths", () => {
expect(css.match(/\.presentation-stage\[data-scene-view="agent"\] \.presentation-stage__primary\s*\{/g)).toHaveLength(2);
expect(css).toMatch( expect(css).toMatch(
/\.prepared-lifecycle-scene\[data-presentation-surface="editorial"\] \.presentation-assistant-pane__conversation\s*\{[\s\S]*?flex:\s*1 1 auto;[\s\S]*?min-height:\s*0;[\s\S]*?overflow:\s*auto;/, /\.prepared-lifecycle-scene\[data-presentation-surface="editorial"\] \.presentation-assistant-pane__conversation\s*\{[\s\S]*?flex:\s*1 1 auto;[\s\S]*?min-height:\s*0;[\s\S]*?overflow:\s*auto;/,
); );
@@ -2972,15 +2972,15 @@
/* /*
Scene 8 — Agent handoff full-screen transcript. Scene 8 — Agent handoff full-screen transcript.
Centers the conversation within the primary region with readable spacing. Gives the full-screen conversation a readable stage with consistent spacing.
Only the stage wrapper may fade/translate; Thread internals are not morphed. Only the stage wrapper may fade/translate; Thread internals are not morphed.
*/ */
.presentation-stage[data-scene-view="agent"] .presentation-stage__primary { .presentation-stage[data-scene-view="agent"] .presentation-stage__primary {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: stretch;
justify-content: center; justify-content: stretch;
padding: 2rem; padding: 1.15rem 1.5rem 0.85rem;
} }
.presentation-stage[data-scene-view="agent"] .assistant-operator-thread { .presentation-stage[data-scene-view="agent"] .assistant-operator-thread {
@@ -2988,12 +2988,6 @@
max-height: 100%; max-height: 100%;
} }
.presentation-stage[data-scene-view="agent"] .presentation-stage__primary {
align-items: stretch;
justify-content: stretch;
padding: 1.15rem 1.5rem 0.85rem;
}
.agent-handoff-scene { .agent-handoff-scene {
display: block; display: block;
width: min(100%, 72rem); width: min(100%, 72rem);