Skip to content

v1.6.0 - Area Card Variants

Choose a tag to compare

View all tags
@sergiocarracedo sergiocarracedo released this 28 Feb 22:56
· 16 commits to main since this release
v1.6.0
43244b2

What's New

Area Card Variants

  • Added three size variants for the Area Card: default, compact, and mini
  • Each variant has proportional sizing for fonts, icons, gaps, padding, and border radius
  • Variants maintain readability with minimum 11px font sizes

Features

  • New ,variant property - Choose from ,default, ,compact, or ,mini
  • Proportional scaling - All elements scale appropriately with the variant
  • Visual editor support - Style and variant selectors in the card editor
  • Card editor preview - Preview heights match actual card dimensions

Improvements

  • Humidity chart Y-axis fixed to 0-100 scale
  • Chart heights adjusted per variant to prevent overflow
  • Entity summary gaps scale proportionally
  • Border radius and padding scale with variant size

Bug Fixes

  • Fixed chart overflow in compact and mini modes
  • Fixed entity summary alignment in all variants

Assets

dist/sc-custom-cards.js

Assets 3
Loading