Skip to content

fix(rewards): grow card to fit all rewards in designed styles (#604)#615

Merged
tempus2016 merged 1 commit into
mainfrom
fix/604-rewards-fluid-height
Jun 26, 2026
Merged

fix(rewards): grow card to fit all rewards in designed styles (#604)#615
tempus2016 merged 1 commit into
mainfrom
fix/604-rewards-fluid-height

Conversation

@tempus2016

Copy link
Copy Markdown
Owner

Fixes #604.

Problem

In the designed card styles (playroom / console / cleanpro) the rewards list was capped at a fixed 360px scroll region (.rw-list { max-height: 360px; overflow-y: auto }). With more rewards than fit, the card looked truncated/cut off. The Classic style had no cap and grew to fit.

Change

  • .rw-list is now fluid by default — it grows to show every reward, matching Classic.
  • New card option expand_to_fit (default true). Set to false to restore the fixed-height scrolling list.
  • Wired into the visual editor (boolean toggle, label + helper).
  • Strings translated into all locales (en, en-GB, de, fr, nb, nn, pt, pt-BR).

Only the designed styles are affected; Classic already grew to fit, so the option is a no-op there.

Testing

  • node -c syntax check passes; all locale JSON parses.
  • pytest tests/test_card_design_setting.py tests/test_frontend_retired_cards.py → 11 passed.
  • Confirmed ha-dev live-serves the updated card (new rule present via bind-mount).

Designed styles (playroom/console/cleanpro) capped the reward list at a
fixed 360px scroll region, which looked truncated when a card had more
rewards than fit. Classic style already grows to fit.

Make the list fluid by default and add an 'expand_to_fit' card option
(default true). Set it to false to keep the fixed-height scrolling list.
@github-actions github-actions Bot added cards Lovelace cards / frontend (www/*.js) translations i18n / locale strings labels Jun 26, 2026
@tempus2016 tempus2016 merged commit 1702cba into main Jun 26, 2026
10 checks passed
@tempus2016 tempus2016 deleted the fix/604-rewards-fluid-height branch June 26, 2026 12:02
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.

[Bug]: Reward Card in Playroom style should have fluid height

1 participant