andras/life-towers
andras/life-towers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Review
All checks were successful
CI / Backend tests (push) Successful in 21s
Details
CI / Frontend lint (push) Successful in 34s
Details
CI / Frontend build (push) Successful in 24s
Details
CI / Frontend unit tests (push) Successful in 46s
Details
Docker / build-and-push (push) Successful in 1m17s
Details
CI / Playwright e2e (push) Successful in 1m5s
Details

Browse source
This commit is contained in:
Andras Schmelczer 2026-06-03 20:39:32 +01:00
commit d1732128e2
3 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/e2e/smoke.spec.ts
View file

@ -197,7 +197,9 @@ test.describe('Life Towers smoke test', () => {
// Open the carousel on a done block deep in the strip (the last square). // Open the carousel on a done block deep in the strip (the last square).
const squares = page.locator('lt-block'); 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'); await page.waitForSelector('lt-block-edit .carousel');
// Sample scrollLeft immediately and a frame later: an animated scroll would // Sample scrollLeft immediately and a frame later: an animated scroll would

10
frontend/src/app/components/page/page.component.scss
View file

@ -57,7 +57,7 @@
} }
} }
&>* { & > * {
width: 100%; width: 100%;
max-width: 200px; max-width: 200px;
box-sizing: border-box; box-sizing: border-box;
@ -71,8 +71,10 @@
// Mobile: fixed-width towers with horizontal scroll (1.5-column rhythm). // Mobile: fixed-width towers with horizontal scroll (1.5-column rhythm).
@media (max-width: $mobile-width) { @media (max-width: $mobile-width) {
--mobile-tower-width: calc(66vw - var(--small-padding)); --mobile-tower-width: calc(66vw - var(--small-padding));
--mobile-tower-side-padding: max(var(--medium-padding), --mobile-tower-side-padding: max(
calc((100% - var(--mobile-tower-width)) / 2)); var(--medium-padding),
calc((100% - var(--mobile-tower-width)) / 2)
);
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
@ -90,7 +92,7 @@
display: none; display: none;
} }
&>* { & > * {
width: var(--mobile-tower-width) !important; width: var(--mobile-tower-width) !important;
max-width: var(--mobile-tower-width) !important; max-width: var(--mobile-tower-width) !important;
min-width: var(--mobile-tower-width) !important; min-width: var(--mobile-tower-width) !important;