Merge pull request 'fix: stabilize dashboard content rows' (#42) from fix/signage-runtime-layout into main
Reviewed-on: http://git.riverofglorymn.org/River_of_Glory_Church/Ekklesia/pulls/42
This commit was merged in pull request #42.
This commit is contained in:
@@ -143,6 +143,7 @@ const shellStyles = {
|
|||||||
display: "grid",
|
display: "grid",
|
||||||
fontFamily: designToken("typography.family-sans"),
|
fontFamily: designToken("typography.family-sans"),
|
||||||
gridTemplateColumns: "13rem minmax(0, 1fr)",
|
gridTemplateColumns: "13rem minmax(0, 1fr)",
|
||||||
|
gridTemplateRows: "auto minmax(0, 1fr)",
|
||||||
minHeight: "100vh",
|
minHeight: "100vh",
|
||||||
minWidth: 0,
|
minWidth: 0,
|
||||||
width: "100%",
|
width: "100%",
|
||||||
|
|||||||
@@ -971,7 +971,7 @@ describe("Ekklesia shell — Dashboard navigation", () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
describe("Ekklesia shell — mount lifecycle", () => {
|
describe("Ekklesia shell — mount lifecycle", () => {
|
||||||
it("keeps fixed shell columns while module content changes width", async () => {
|
it("keeps fixed shell tracks while module content changes size", async () => {
|
||||||
await render({ apiBaseUrl, fetch: platformFetch() }, async () => artifact("example", "0.1.0"));
|
await render({ apiBaseUrl, fetch: platformFetch() }, async () => artifact("example", "0.1.0"));
|
||||||
|
|
||||||
const shell = query("host-shell") as HTMLElement;
|
const shell = query("host-shell") as HTMLElement;
|
||||||
@@ -979,6 +979,7 @@ describe("Ekklesia shell — mount lifecycle", () => {
|
|||||||
const main = shell.querySelector("main") as HTMLElement;
|
const main = shell.querySelector("main") as HTMLElement;
|
||||||
const frame = query("module-container") as HTMLElement;
|
const frame = query("module-container") as HTMLElement;
|
||||||
expect(shell.style.gridTemplateColumns).toBe("13rem minmax(0, 1fr)");
|
expect(shell.style.gridTemplateColumns).toBe("13rem minmax(0, 1fr)");
|
||||||
|
expect(shell.style.gridTemplateRows).toBe("auto minmax(0, 1fr)");
|
||||||
expect(aside.style.width).toBe("13rem");
|
expect(aside.style.width).toBe("13rem");
|
||||||
expect(main.style.minWidth).toBe("0");
|
expect(main.style.minWidth).toBe("0");
|
||||||
expect(main.style.overflowX).toBe("auto");
|
expect(main.style.overflowX).toBe("auto");
|
||||||
|
|||||||
Reference in New Issue
Block a user