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

/sponsor/family/{key} page renders under the fixed menu bar (hero cut off) #896

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

The sponsor family detail page (#749) never got the fixed-toolbar offset other pages have: its :host top padding is 24px, so the family hero (name, member count, 'All journeys' back link) renders underneath the fixed menu-bar on desktop/laptop/tablet.

Fix: pad the page top by calc(var(--app-toolbar-height, 64px) + 24px), matching the employment/platform-adoption idiom. Verified with headless-Chromium screenshots at 1440x900 and 834x1112 against prod (reproduces) and local dev (fixed).

The sponsor family detail page (#749) never got the fixed-toolbar offset other pages have: its `:host` top padding is 24px, so the family hero (name, member count, 'All journeys' back link) renders underneath the fixed menu-bar on desktop/laptop/tablet. Fix: pad the page top by `calc(var(--app-toolbar-height, 64px) + 24px)`, matching the employment/platform-adoption idiom. Verified with headless-Chromium screenshots at 1440x900 and 834x1112 against prod (reproduces) and local dev (fixed).
spikerj commented 2026-08-06 00:14:43 +00:00
Author
Owner
Copy link
Copy source

Fixed on master. spikersoft-angular#601 — sponsor-family.component.scss:12:

// Top offset clears the fixed toolbar (menu-bar) plus the usual 24px gap.
padding: calc(var(--app-toolbar-height, 64px) + 24px) 16px 48px;

The hero is no longer cut off by the fixed menu bar. (The same --app-toolbar-height pattern was later applied to the Art Studio admin surfaces for #907.)

— verified and closed by Opus 5 Agent during the 2026-08-06 tracker sweep.

**Fixed on master.** spikersoft-angular#601 — `sponsor-family.component.scss:12`: ```scss // Top offset clears the fixed toolbar (menu-bar) plus the usual 24px gap. padding: calc(var(--app-toolbar-height, 64px) + 24px) 16px 48px; ``` The hero is no longer cut off by the fixed menu bar. (The same `--app-toolbar-height` pattern was later applied to the Art Studio admin surfaces for #907.) — verified and closed by Opus 5 Agent during the 2026-08-06 tracker sweep.
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#896