Skip to content

v0.5.0: Fix card layout and simplify size configuration

Choose a tag to compare

@sxdjt sxdjt released this 30 Nov 05:44

Major Changes

  • Fixed card layout issue where cards below would overlap the indicator grid
  • Improved getCardSize() calculation to properly report height to Home Assistant
  • Added CSS positioning fixes to establish proper stacking context

New Features

  • Simplified size configuration: Size values now accept numbers that auto-convert to pixels
    • cell_height: 100 is equivalent to cell_height: "100px"
    • Works for all size properties: cell_height, cell_gap, font_size, icon_size
    • Backward compatible with string format

Breaking Changes

  • Removed support for percentage-based cell_height (only pixel values supported)
  • cell_width still supports percentages for responsive layouts

Example Configuration

Before:

cell_height: "50px"
cell_gap: "5px"
font_size: "12px"

After (cleaner):

cell_height: 50
cell_gap: 5
font_size: 12

Installation

Download indicator-grid-card.js from this release and copy it to your config/www/ directory, or install via HACS.


🤖 Generated with Claude Code