Repository navigation
feat(widgets): one header for every widget; quieter refresh rings and buttons - #348
Merged
Merged
Conversation
… buttons Calendar, Chores, Weather and Photos each drew their own header: emoji in some titles, centered in one, a solid all-caps Add Chore, emoji toggle chips, gears in different places. They now share WidgetHeader: an icon in the accent, the title, then the actions at the right end as quiet outlined icon buttons, with at most one labeled main action, tinted rather than solid. Toggles mark their state with aria-pressed. Titles follow the theme's heading font and transform. - Buttons are sentence case by default. A theme that sets headingTransform still gets its own. - The refresh ring sits at 30% between refreshes, and shows at full strength on hover, on keyboard focus, and for a moment after each refresh. Tapping it still refreshes, and themes' meter tokens still style it. - index.css has the same header for plugins (.hg-widget-header and friends), documented in the plugin guide. Its main button follows the theme's heading transform, like the dashboard's own buttons. - New labels for icon-only buttons (calendar and photo settings, photo controls, chore sounds, prize store), in English and Spanish.
jherforth
added a commit
to mrramam/HomeGlow
that referenced
this pull request
Oct 27, 2026
Resolves the icon import in ChoreWidget.jsx against jherforth#348's header: its icons and WidgetHeader import, plus this branch's AccessTime and NotificationsNoneOutlined. Settings as SettingsIcon goes, since jherforth#348 removed its last use. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
adamecker
pushed a commit
to adamecker/HomeGlow
that referenced
this pull request
Oct 28, 2026
…herforth#349 Brings the prod line to latest upstream at Adam's request: one header for every widget + quieter refresh rings/buttons (jherforth#348), and rows for calendar events and chores (jherforth#349). Client-only changes; no server or migration impact.
mrramam
pushed a commit
that referenced
this pull request
Oct 28, 2026
The theme guide's token table left out --hg-heading-transform and --hg-heading-letter-spacing, and nothing said that mui.headingTransform and --hg-heading-transform cover different halves: core widgets are MUI, plugins are CSS. Since #348, buttons default to sentence case and plugins share the widget header, so a theme that sets only one gets core and plugin headers that don't match.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Calendar, Chores, Weather and Photos each drew their own header: emoji in
some titles, centered in one, a solid all-caps Add Chore, emoji toggle chips,
gears in different places. They now share WidgetHeader: an icon in the
accent, the title, then the actions at the right end as quiet outlined icon
buttons, with at most one labeled main action, tinted rather than solid.
Toggles mark their state with aria-pressed. Titles follow the theme's heading
font and transform.
still gets its own.
on hover, on keyboard focus, and for a moment after each refresh. Tapping
it still refreshes, and themes' meter tokens still style it.
documented in the plugin guide. Its main button follows the theme's heading
transform, like the dashboard's own buttons.
controls, chore sounds, prize store), in English and Spanish.