COMPACT CUSTOM HEADER

Customize the header and add enhancements to Lovelace.

Features

Installation

Manual installation

  1. Install by copying compact-custom-header.js to www/custom-lovelace/compact-custom-header/. Be sure you're using the raw files from github.

  2. Add the code below to your resources and refresh the page.

resources:
  # Add to the version number at the end of URL when updating.
  - url: /local/custom-lovelace/compact-custom-header/compact-custom-header.js?v=0.0.1
    type: module



Installation and tracking with HACS

  1. In the HACS store search for "CCH" and install.

  2. Add the code below to your resources and refresh the page.

resources:
  - url: /community_plugin/compact-custom-header/compact-custom-header.js
    type: module


Important notes

Breaking Changes

Version Date                 . Breaking Change
1.3.0 July 16, 2019 On HA 0.96.0 and above it is no longer possible to modify the notifications button using CCH, sidebar_closed and sidebar_swipe options have been removed.
1.1.0 Jun. 26, 2019 Configuration has changed. No longer required to use CCH as a card. More info here.
1.0.2b9 Apr. 6, 2019 “background _image” and “background_color” have been replaced with just “background”.
1.0.0b0 Feb. 10, 2019 Complete rewrite. Now "type: module" and most config options have changed.
0.2.8 Jan. 22, 2019 Tab numbering in config options now starts at 0 to match Lovelace URLs.


A big "Thank you!" to bramkragten, Ludeeus, iantrich, RomRider, thomasloven, balloob, and the community!