Skip to content

fix(panel): admin panel and cards checked on phones and tablets - #1135

Merged
tempus2016 merged 1 commit into
mainfrom
fix/admin-panel-mobile
Oct 25, 2026
Merged

tempus2016 merged 1 commit into
mainfrom
fix/admin-panel-mobile

Conversation

@tempus2016

Copy link
Copy Markdown
Owner

A whole-app check of the admin panel and every card on phones and tablets (360 / 375 / 393 / 768 px, touch), with fixes for everything it found.

Admin panel

  • Tables (chores, badges, activity, notifications, bonuses, penalties, wishlists, raffles, bounties, recaps, settings) become one card per row on phones and stack up to 900px, so iPad portrait no longer scrolls sideways
  • Phone dialogs can no longer scroll their close button off screen on iPhone (they fill the visible area instead of 100vh, clear of the notch and home bar); short dialogs keep their buttons at the bottom
  • Finger-sized tap targets throughout: setup wizard steps, steppers, swatches and switches, quiet-hours times, reminder delete, recipient pills, recap choice, entity clear button, badge switch, library filters, menu items, command search
  • Fields use 16px text so iOS does not zoom when one is tapped (including the notification parent-name field, which overrode it inline)
  • Notification settings: parent names get the full line on phones instead of being cut to 64px; per-child times fit a 12-hour time; quiet hours lay out from/to side by side
  • Long page titles end in an ellipsis; list toolbars share rows instead of stacking every button full width; the open sub-tab is centred in the tab strip
  • A chore's row menu closes when the page scrolls; chore reorder uses an icon drag handle (some fonts showed an empty box)
  • Setup wizard: "Step 2 of 7 · Children" gets its own line; wide review choices drop below their label
  • Chore dialog: the icon field is labelled "Icon" again (it said "Picture", like the photo field)
  • Library: "Customise before adding" has its own sentence for rewards, in every language

Cards (all 32 cards × all six designs)

  • Chore board: on a phone-width card the time-slot names become headings, so the second child's column is no longer cut off
  • Touch screens: small buttons get a finger-sized invisible tap area (Done, I'm stuck, filter chips, +1/+5/+10, Apply, graph modes, tabs, undo, reorder arrows)
  • Graphite dark: accent-coloured text (overview points, parent dashboard tab, reward goal figures, "+3" badges link, streak dots) was near-black on black
  • Badges (classic): earned tile names were white-on-cream in a dark theme
  • Points graph: the last two date labels no longer overlap on a phone
  • Rewards: deposit buttons wrap under "0 / 50"
  • Recap: with no child picked the title read "'s Recap"; it now says "Recaps", in every language

@github-actions github-actions Bot added cards Lovelace cards / frontend (www/*.js) translations i18n / locale strings labels Oct 25, 2026
@tempus2016
tempus2016 merged commit 3e6fce3 into main Oct 25, 2026
16 checks passed
@tempus2016
tempus2016 deleted the fix/admin-panel-mobile branch October 25, 2026 12:37
@tempus2016 tempus2016 mentioned this pull request Oct 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cards Lovelace cards / frontend (www/*.js) translations i18n / locale strings

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant