diff --git a/frontend/e2e/smoke.spec.ts b/frontend/e2e/smoke.spec.ts index 1478652..2043c51 100644 --- a/frontend/e2e/smoke.spec.ts +++ b/frontend/e2e/smoke.spec.ts @@ -197,7 +197,9 @@ test.describe('Life Towers smoke test', () => { // Open the carousel on a done block deep in the strip (the last square). const squares = page.locator('lt-block'); - await squares.nth(await squares.count() - 1).click(); + const squareCount = await squares.count(); + expect(squareCount).toBeGreaterThan(0); // sample data must have produced done blocks + await squares.nth(squareCount - 1).click(); await page.waitForSelector('lt-block-edit .carousel'); // Sample scrollLeft immediately and a frame later: an animated scroll would diff --git a/frontend/src/app/components/page/page.component.scss b/frontend/src/app/components/page/page.component.scss index 62f387b..3c767f4 100644 --- a/frontend/src/app/components/page/page.component.scss +++ b/frontend/src/app/components/page/page.component.scss @@ -57,7 +57,7 @@ } } - &>* { + & > * { width: 100%; max-width: 200px; box-sizing: border-box; @@ -71,8 +71,10 @@ // Mobile: fixed-width towers with horizontal scroll (1.5-column rhythm). @media (max-width: $mobile-width) { --mobile-tower-width: calc(66vw - var(--small-padding)); - --mobile-tower-side-padding: max(var(--medium-padding), - calc((100% - var(--mobile-tower-width)) / 2)); + --mobile-tower-side-padding: max( + var(--medium-padding), + calc((100% - var(--mobile-tower-width)) / 2) + ); overflow-x: auto; overflow-y: hidden; @@ -90,7 +92,7 @@ display: none; } - &>* { + & > * { width: var(--mobile-tower-width) !important; max-width: var(--mobile-tower-width) !important; min-width: var(--mobile-tower-width) !important; @@ -199,4 +201,4 @@ transform: translateX(-50%) scale(1.1); } } -} \ No newline at end of file +} diff --git a/frontend/src/app/components/pages/pages.component.scss b/frontend/src/app/components/pages/pages.component.scss index 3413dbb..9d5f9c6 100644 --- a/frontend/src/app/components/pages/pages.component.scss +++ b/frontend/src/app/components/pages/pages.component.scss @@ -102,4 +102,4 @@ } } } -} \ No newline at end of file +}