Skip to content

2021.6
Compare
Choose a tag to compare
@matt8707 matt8707 released this 31 Oct 07:14
· 518 commits to master since this release
2021.6
9fe1723
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

While picture elements is still a valid card for layouts that doesn't follow a specific grid, this dashboard does. Instead of placing button cards using coordinates, it's now placed onto a grid that is responsive.

Layout custom:layout-card

  • CSS grid everything and as a bonus...
  • Mobile and portrait dashboards
responsive_demo.mp4

Buttons custom:button-card

  • Loader template doesn't need any input_boolean helpers anymore
  • Icons will only animate on state change to prevent all icons animating on dashboard refresh
  • Some entity checks for undefined entities, no errors on restarts
  • Added a bounce effect to the button when pressed

Theme custom:card-mod

  • Reworked themes with focus on performance
  • Wrote a tool to help with styling card-mod-helper

Deprecated
If you're looking for picture elements, browse this repository before March 2021 https://github.com/matt8707/hass-config/tree/c9dd19e04bd4fde2322e610a42f4e246b58ee19a

Includes
Since this configuration is split into several yaml files, I'm using lovelace-gulp-watch, which auto updates lovelace if an included file is changed.

Known issues

  • card-mod randomly not applying markdown styling on 2021.6.0 #130
  • swipe-card not updating size unless resizing window #32 #147

Support
If you want, you can buy me a beer 😊

Retroactive release

Assets 2
Loading