github joseluis9595/lovelace-navbar-card v1.3.0
NavbarCard v1.3.0

7 hours ago

Merry Christmas everyone! πŸŽ„

It’s been a while since the last release, but I’m happy to share a new update today. Development has been a bit slower lately, though releases should start coming more regularly again from now on. This update includes a few small but useful improvements, plus...

Media player for desktop

A highly requested feature: media player widget can now be displayed on desktop devices πŸŽ‰ Use the new media_player.desktop_position configuration to choose where media players appear.

media-player-release

Tip

Want to keep using it only in mobile? Just disable it using the show prop of media_player:

type: custom:navbar-card
...
media_player:
  show: |
    [[[
      return !navbar.isDesktop;
    ]]]

New desktop.mode config

A new mode option is now available for the desktop configuration, matching what already exists for mobile.
This allows navbar-card to be displayed as either docked or floating on desktop devices as well.

Screenshot 2025-12-24 at 11 55 26

Editor fixes

This release also includes a couple of fixes for the visual editor.

First, the switches under the haptic section were not correctly reflecting the user’s current configuration. This has now been fixed.

Additionally, the routes editor has been improved: the URL field is now a native Home Assistant URL picker instead of a plain text input, making route selection quicker and less error-prone πŸ™‚

Screenshot 2025-12-24 at 11 56 14

All changes in this release

  • Replace URL text input in the editor, with the native HA URL picker. (closes #242)
  • Fix default haptic values not being properly displayed on the visual editor. (closes #239)
  • Added new desktop.mode configuration, to match mobile.mode. Valid values are either docked or floating. (closes #234)
  • New media_player.desktop_position configuration to be able to render the media player widgets on desktop devices. (closes #243)
  • New auto_layout.media_player_px setting to configure padding added when media player widget is visible.
  • Revamp of the Examples section of the docs.


⭐ Support navbar-card

If you enjoy using navbar-card and want to support its continued development, consider buying me a coffee (or a beer 🍺), or becoming a GitHub Sponsor!

Buy Me A Coffee GitHub Sponsors

Your support means a lot and helps keep the project alive and growing. Thank you! πŸ™Œ

Don't miss a new lovelace-navbar-card release

NewReleases is sending notifications on new releases.