Releases: matt8707/hass-config
2023.9
2023.7
Workarounds for known issues:
-
7df57ea add state translations, issue custom-cards/button-card#646
-
patch browser_mod - replace
/custom_components/browser_mod/browser_mod.js
with (unzipped)
browser_mod.js.zip and clear cache, PR here thomasloven/hass-browser_mod@c418f82 -
860a046 update header styles popup patch, issue thomasloven/hass-browser_mod#587
-
34011e1 disable tilt if text appears over popup, issue https://community.home-assistant.io/.../162594/5016
2023.4
2023.1
Card borders
2699776 - Card borders were introduced in Home Assistant 2022.11. This dashboard hides all card borders but if you add additional cards you'll have to hide the borders yourself. Closes #118
Examples
- type: custom:button-card
styles:
card:
- border-width: 0
- type: entities
entities:
- sun.sun
card_mod:
style: >
:host {
--ha-card-border-width: 0;
}
Icons fix
30fc6cb - Long-standing issue with wiggling icons on small screens has been resolved. When tapping, the animated icons moved back and forth a couple of pixels. Closes #137
Popup style
63aacb8 - Brings back the previous look with vertically centered popups when using browser_mod 2.2.0
Media title
d8f8f97 - Found a way to escape a card and access parent cards. This example tracks swipe-card and sets the grid title from conditional_media
Youtube thumbnail
ad624e0 - "youtube-watching" is now faster and works without a container. matt8707/youtube-watching for more info
Climate popup
- 3c0d34c - tab for timer settings using kinghat/tabbed-card
- 3bda332 - button-card fan modes in the style of Mushroom Climate card
2022.9
No new features but pushing this because of the new browser_mod 2 update
browser_mod 2 notes
- Faster, and many new cool features, thanks @thomasloven
- Kiosk Mode is not needed anymore
- 2.1.1 -
style
indata
is reserved for --css variables andcard_mod
will not work. However, what does work really well now is to usecard_mod
(and where neededmod-card
) insidecontent
. - 2.1.1 -
card-mod-more-info-yaml inthemes.yaml
is dead, use theme variables. That said, I couldn't get--popup-header-background-color
to work at all. - 2.1.0 -
browser_mod.toast
is completely gone
Screenshot
Migration
https://github.com/thomasloven/hass-browser_mod
- Remove yaml config [diff]
- Remove browser_mod [integrations]
- Restart HA [server controls]
- Update to browser_mod 2 [hacs]
- Add browser_mod 2 [integrations]
- From your tablet:
- In HA sidebar go to new "Browser Mod"
- This Browser
- Register Browser ID "tablet"
- Frontend Settings
- add browser settings
- Hide sidebar true
- Hide header true
- add browser settings
2022.8
Circle Slider
A quick way to adjust brightness. Bypasses default tap_action. Only implemented for lights.
Light Popups
🍄 Mushroom. Popups are still auto-generated. If you're using light groups all lights within the group will also populate. This change removes DBuit/light-popup-card and ljmerza/light-entity-card.
File Structure
Themes & Sidebar
themes.yaml
and sidebar.yaml
are now located in the root folder and manually included in configuration.yaml
Button Card Templates
All templates in a single file → Folder with each template in separate files
button_card_templates.yaml button_card_templates/
... ├── base.yaml
├── circle.yaml
├── climate.yaml
├── ...
Packages
Folder "include" merged by domain → Folder "packages" merged by device or area
include/ packages/
├── automation.yaml ├── balcony_lights.yaml
├── binary_sensor.yaml ├── climate_electrolux.yaml
├── camera.yaml ├── computer_imac.yaml
├── ... ├── ...
Footer
Popups in subfolder called "footer" → Popups are prefixed with "footer_"
popup/ popup/
├── footer/ ├── footer_history.yaml
│ ├── history.yaml ├── footer_nas.yaml
│ ├── nas.yaml ├── footer_router.yaml
│ ├── router.yaml ├── ...
│ ├── ...
Appearance
Modernize dashboard with (slightly) more distinct colors and text. A lot of css variables in button-cards-templates are moved to themes.yaml.
Popup Speed
All hold_action
's are replaced with double_tap_action
Note: On touch devices, pressing two buttons in quick succession will fail to toggle! The last pressed button will register as a double tap and open the popup for that card. This bug is also present in stardard type button.
Noteworthy Changes
- www/fonts.css - Rewrite also includes link to fonts
- www/custom_icons.js - moved to hacs (custom-icons)
- redact-secrets - programmatically redact secrets
- more-info-card - grab select entities directly from built-in popup
- popup update entities - updates sensors when opening a popup
- fix map 2022.8 - fix dark map card in popup
- fix hacs_installed - updated python script
- fix vanilla-tilt - should not log errors anymore
- fix media marquee - add 100ms delay for safari
2022.3
New Footer
Removed the sidebar footer to make space for additional sidebar content. The new footer is placed at the bottom of the main layout and collapses on mobile.
Notifications
Using the notify variable you can add notifications to the footer. More examples here ui-lovelace.yaml#L476-L605
Default (false) | Exclamation (true) | Number (int) |
---|---|---|
return 1 !== 1; |
return 1 === 1; |
return 1 + 1; |
Media Marquee
Scrolls the text if the title is longer than the width of the card
Button Tilt
Adds a 3D effect to any button-card using https://micku7zu.github.io/vanilla-tilt.js/
Fixes for HA 2022.3
revert card-mod module - fix popup styles (bug?)fixed 3.1.3- 2022.3 popup map height - force map to show on first click
- 2022.3 dark input fields - new input field style
Noteworthy changes
- conditional extra_styles - merge extra_styles to any template (
this._config.template
) - merge conditional_media & recently_added - removes recently_added template
- conditional media automation → template select - remove automation, use select entity
- add media_youtube thumbnail apple tv - experimental youtube thumbnail
- global font - default font, with roboto and system-ui as fallback
- settings variables - settings that can be saved if you update button_card_templates.yaml
- marked.js variable → resource - detach from button_card_templates.yaml
- stop tracking integrations/custom cards
- Integrations are listed in readme under "Hardware"
- Custom cards are listed under resources in configuration.yaml
All releases - matt8707/hass-config/releases
All changes - matt8707/hass-config/commits/master
If you want, you can buy me a beer 😊
2021.12
This is now the top thread of all time 😮
- Releases on GitHub to segment changes
- All releases - matt8707/hass-config/releases
- All changes - matt8707/hass-config/commits/master
- Installation notes added further down
- Hardware and docker-compose files
Buttons custom:button-card
- hide "extra_styles fix" - make the "catch-all" button non-clickable (#injecting-css-with-extra_styles)
- bug fixes and improvements ™ - shorten overall template code, fix loader on computer lock and tv icon animation
- person last_changed persistence with fallback - if set up, the timestamp is retained with mqtt across restarts
- add person zone - location is shown instead of "not home" when in a zone
- fix icon light color - color temperature shown as blue, hs shown as actual color
- button-card → light-popup-card actions and theme - revert button-card workaround, make use of actions
- fix text alignment when #name is truncated... - on small screens, the text was centered when the name didn't fit
- align lock icon on ios - on small screens the lock icon was not vertically aligned
Theme custom:card-mod
- card-mod resource → module - documentation #performance-improvements
- fix brave icon height and firefox shrinking icons - brave and firefox browser compatibility
- swipe-card height - force 100% height when only using button cards in a grid
- themes sidebar_update_color fix 2021.11.0 - ha-icon is now called ha-state-icon
Sidebar
- mailbox sensors and automation - add mailbox counter (using two aqara contact sensors)
- sidebar battery map entities - list all batteries below the 5% threshold, thanks @Se7enair
- add time offset to skånetrafiken PT sensor - "walking time" bus departure offset
Database
💡 SQL command to list worst offenders. I managed to decrease my db size by ≈ 80%
docker exec -it mariadb \
mysql homeassistant -u"root" -p"password" \
-e"SELECT entity_id, COUNT(*) AS count FROM states GROUP BY entity_id ORDER BY COUNT(*) DESC LIMIT 10;" \
-e"SELECT JSON_VALUE(event_data, '$.entity_id') AS entity_id, COUNT(*) AS count FROM events WHERE JSON_VALUE(event_data, '$.entity_id') IS NOT NULL GROUP BY JSON_VALUE(event_data, '$.entity_id') ORDER BY COUNT(*) DESC LIMIT 10;"
- db optimization - exclude browser_mod from recorder
- lower db commit interval - decrease recorder interval and influxdb precision
Other
- @svalmorri made a nice button for roller shutters
- remove valetudo - don't want to spend my time maintaining a vacuum cleaner...
- vacuum-map-card 1 → 2 - configuration changes and styling
- fix vacuum sensors for 2021.11.1, maybe? - template seconds to percent left
- mini-graph-card → apexcharts - better graphs, I posted some examples
- update template sensors, remove legacy - convert all legacy template sensors
- template warnings and stfu home-assistant.log - template "default" log warnings
- add unifi and rpi sensors - command_line sensors for router and raspberry pi
If you want, you can buy me a beer 😊
2021.8
- Changed sidebar to a
vertical-stack
, easier to add various cards markdown
→custom:button-card
, faster and easier to style- Theme now only applies to dashboard and not other sections
- Optimization of styles and cross-browser compatibility
- Workaround for known issues:
card-mod randomly not applying markdown styling on 2021.6.0 #130markdown
→custom:button-card
ui-lovelace#L52, themes#L123, button_card_templates#L137swipe-card not updating size unless resizing window #32 #147horizontal-stack
andmargin: 0
ui-lovelace#L284, themes#L110, button_card_templates#L769
If you want, you can buy me a beer 😊
Retroactive release
2021.6
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