joseluis9595/lovelace-navbar-card v0.14.0

NavbarCard v0.14.0

on GitHub

Auto adjust Dashboard paddings

There's a highly requested new feature, which is now enabled by default—Auto padding for your home assistant dashboard when using navbar-card.

What does this mean? No more custom css using home assistant themes and card-mod. Simply add navbar-card to your dashboard, and overlaps with other cards will automatically be prevented.

This new behaviour, as previously stated, is enabled by default. So any of you currently using custom css styles to add padding to your dashboard, might need to either remove it, or disable the new auto_padding feature:

type: custom:navbar-card
layout:
  auto_padding:
    enabled: false

You can also configure the amount of padding added, either for desktop or mobile, by changing the desktop_px or mobile_px variables:

type: custom:navbar-card
layout:
  auto_padding:
    enabled: true
    desktop_px: 100
    mobile_px: 80

Open notifications tray

I've also included in this release, a new custom action show-notifications, to open the native Home Assistant's notification tray. Some of you are completely disabling the original tabs navigation of your dashboards, and this new action may come handy.

type: custom:navbar-card
routes:
  - icon: mdi:devices
    url: /lovelace/devices
    label: Devices
    hold_action:
      action: show-notifications

All changes

• New auto_padding feature enabled by default. (closes #104 )
• New show-notifications action. (closes #109)
• Added new examples to README (thanks @coolssor )