fix: scope console and workspace shell widths
This commit is contained in:
@@ -357,6 +357,26 @@ Deno.test("Worker Console uses protocol observation events without transcript fe
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Deno.test("Worker Console owns its narrower centered shell width", async () => {
|
||||||
|
const page = await Deno.readTextFile(
|
||||||
|
new URL(
|
||||||
|
"./../../../routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte",
|
||||||
|
import.meta.url,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
const rootLayout = await Deno.readTextFile(
|
||||||
|
new URL("./../../../routes/+layout.svelte", import.meta.url),
|
||||||
|
);
|
||||||
|
|
||||||
|
assert(
|
||||||
|
page.includes(".console-shell {") &&
|
||||||
|
page.includes("max-width: 920px;") &&
|
||||||
|
page.includes("margin-inline: auto;") &&
|
||||||
|
rootLayout.includes("max-width: 1280px;"),
|
||||||
|
"Root content should allow 1280px while Worker Console remains centered at 920px",
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
Deno.test("Worker Console overview activity summaries use 14px text", async () => {
|
Deno.test("Worker Console overview activity summaries use 14px text", async () => {
|
||||||
const consoleLine = await Deno.readTextFile(
|
const consoleLine = await Deno.readTextFile(
|
||||||
new URL("./ConsoleLineItem.svelte", import.meta.url),
|
new URL("./ConsoleLineItem.svelte", import.meta.url),
|
||||||
|
|||||||
@@ -127,7 +127,7 @@
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 920px;
|
max-width: 1280px;
|
||||||
margin-inline: auto;
|
margin-inline: auto;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: var(--space-6);
|
padding: var(--space-6);
|
||||||
|
|||||||
+6
@@ -1596,6 +1596,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
.console-shell {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 920px;
|
||||||
|
margin-inline: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.worker-console-shell {
|
.worker-console-shell {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user