Skip to content

Scale up energy flow diagram on mobile - #959

Merged
eetu merged 2 commits into
developfrom
flow-mobile-text
May 2, 2026
Merged

eetu merged 2 commits into
developfrom
flow-mobile-text

Conversation

@eetu

@eetu eetu commented May 2, 2026

Copy link
Copy Markdown
Owner

Summary

  • Bump node circle radius (36 → 42), stroke width (2 → 4), node title font (18 → 24), subtitle (16 → 20), and flow line stroke (3 → 5) on screens ≤ 600px.
  • Tighten viewBox on mobile (80 20 640 425) so unused margins don't waste space.
  • Trim card padding 1.5em → 1em on mobile for Flow / Summary / DailyHistory.
  • Drop status row from light group toggle.

Test plan

  • Mobile (< 600px): flow nodes, lines, and labels visibly larger; no clipping at viewBox edges; values inside circles render at correct stroke weight.
  • Desktop: layout unchanged.
  • Light group toggle: name + bulb only, status row gone.

@eetu
eetu merged commit 427cb88 into develop May 2, 2026
3 checks passed
@eetu
eetu deleted the flow-mobile-text branch May 2, 2026 16:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant