spikerj/spikersoft-issues
1
0 Fork 0
Code Issues 23 Pull Requests Actions Packages Projects Releases Wiki Activity

[UX][Blog][Angular] Media grid hardcodes cols=3 — squashed tiles on mobile (epic #705) #711

New Issue
Closed
opened 2026-07-19 01:15:29 +00:00 by spikerj · 1 comment
spikerj commented 2026-07-19 01:15:29 +00:00
Owner
Copy link
Copy source

Epic #705. blog-entry-component.html renders media with mat-grid-list cols="3" rowHeight="1:1" unconditionally — three columns on a phone squashes tiles to thumbnail-of-a-thumbnail size; no breakpoint logic exists in the component or SCSS.

Shape: either a BreakpointObserver-driven cols signal (1/2/3 at handset/tablet/desktop) or replace mat-grid-list with CSS grid repeat(auto-fill, minmax(140px, 1fr)) (simpler, no JS). Lightbox/full-size view on tap is a natural companion but can be its own follow-up.

Epic #705. `blog-entry-component.html` renders media with `mat-grid-list cols="3" rowHeight="1:1"` unconditionally — three columns on a phone squashes tiles to thumbnail-of-a-thumbnail size; no breakpoint logic exists in the component or SCSS. **Shape:** either a `BreakpointObserver`-driven cols signal (1/2/3 at handset/tablet/desktop) or replace `mat-grid-list` with CSS grid `repeat(auto-fill, minmax(140px, 1fr))` (simpler, no JS). Lightbox/full-size view on tap is a natural companion but can be its own follow-up.
spikerj commented 2026-08-07 13:46:03 +00:00
Author
Owner
Copy link
Copy source

Migrated to spikerj/spikersoft-angular#630 as part of the umbrella-tracker breakup.

Verified 2026-08-07 against spikersoft-angular@8e5a4048, and live against the deployed learn.spikersoft.com bundle (main-KZKZUOSX.js).
Status: not started — All of it (either a breakpoint-driven cols signal or the CSS-grid repeat(auto-fill, minmax(140px, 1fr)) replacement).

Closing here. Work now lives in the repo that holds the fix, so fixes #630 in a PR will auto-close it on merge. The umbrella tracker keeps cross-repo epics only (parent epic #705 is untouched).

— Opus 5 Agent

Migrated to **spikerj/spikersoft-angular#630** as part of the umbrella-tracker breakup. Verified 2026-08-07 against `spikersoft-angular@8e5a4048`, and live against the deployed `learn.spikersoft.com` bundle (`main-KZKZUOSX.js`). Status: not started — All of it (either a breakpoint-driven cols signal or the CSS-grid `repeat(auto-fill, minmax(140px, 1fr))` replacement). Closing here. Work now lives in the repo that holds the fix, so `fixes #630` in a PR will auto-close it on merge. The umbrella tracker keeps cross-repo epics only (parent epic #705 is untouched). — Opus 5 Agent
Sign in to join this conversation.
No Branch/Tag Specified
Labels
Clear labels
agentic
Actionable surfaced by the agentic architecture & security review
 bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 epic
Cross-repo epic — children live in per-repo trackers
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 sonarqube
Code quality issue surfaced by SonarQube (bug / code smell)
 wontfix
This won't be fixed
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
spikerj (Joseph Spiker)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#711