fix: keep dashboard shell dimensions stable #41
@@ -131,7 +131,11 @@ export function ModuleUiFrame(props: ModuleUiFrameProps): ReactElement {
|
|||||||
to check the installation.
|
to check the installation.
|
||||||
</p>
|
</p>
|
||||||
) : undefined}
|
) : undefined}
|
||||||
<div data-testid="module-container" ref={containerRef} style={{ minWidth: 0, width: "100%" }} />
|
<div
|
||||||
|
data-testid="module-container"
|
||||||
|
ref={containerRef}
|
||||||
|
style={{ minWidth: 0, width: "100%" }}
|
||||||
|
/>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -972,9 +972,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 columns while module content changes width", async () => {
|
||||||
await render({ apiBaseUrl, fetch: platformFetch() }, async () =>
|
await render({ apiBaseUrl, fetch: platformFetch() }, async () => artifact("example", "0.1.0"));
|
||||||
artifact("example", "0.1.0"),
|
|
||||||
);
|
|
||||||
|
|
||||||
const shell = query("host-shell") as HTMLElement;
|
const shell = query("host-shell") as HTMLElement;
|
||||||
const aside = shell.querySelector("aside") as HTMLElement;
|
const aside = shell.querySelector("aside") as HTMLElement;
|
||||||
|
|||||||
Reference in New Issue
Block a user