Compact Custom Header

mayker · June 27, 2019, 11:16am

To avoid confusion I just pushed a new release, not listed as a pre-release, and added type: module to the readme. HACS will now display this info.

krovachek · June 27, 2019, 12:20pm

I’ve used the header with transparent background:

Now, with same setup:

How can be eliminated this gray background?

mayker · June 27, 2019, 12:34pm

I see the issue and will update later today with a fix. Thank you

mayker · June 27, 2019, 4:55pm

1.1.3 Update:

Added option to hide “Configure UI” from menu.
Fix for shifted background causing solid color behind a transparent header.
Added warnings for all options that remove the ability to edit from UI and how to restore the default header with ?disable_cch. You can toggle these warnings as well.

krovachek · June 27, 2019, 6:01pm

Thank you very much mayker!

Holdestmade · June 27, 2019, 6:12pm

Thanks a lot, hide_config: true is what you use if anyone else wants to try it

bussio · June 27, 2019, 6:18pm

Is it possible that the “Voice Button” no longer exists in the header of Hassio 0.95?

mayker · June 27, 2019, 6:23pm

It still exists, but you need to have conversation: in your config:
https://www.home-assistant.io/components/conversation/

In some browsers it doesn’t display as well.

bussio · June 27, 2019, 6:30pm

Thanks for the information. I see the button with Google Chrome, in Safari (MacOS) but not.

jimz011 · June 27, 2019, 9:09pm

It doesn’t work on Apple products unfortunately. It should work on chrome though.

Mariusthvdb · June 27, 2019, 10:05pm

nice, and flawless transition to a cleaner setup. again cut a few lines of config
and works with !include still. cool.

atomicpapa · June 28, 2019, 12:54am

Just upgraded. Went smooth as silk!! Thanks @mayker!

cdrom1028 · June 28, 2019, 2:58am

@mayker Just upgraded and It went well. Everything is working fine but I am logging errors… (HA 0.95.0)

2019-06-27 22:46:20 ERROR (MainThread) [frontend.js.latest.201906260] http://hassio-pm:8123/community_plugin/compact-custom-header/compact-custom-header.js:227:34 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

here is my config…

cch:
  active_tab_color: red
  chevrons: true
  clock_am_pm: true
  clock_date: true
  clock_format: 12
  date_locale: en-US
  disable: false
  hide_tabs: 16
  options: clock
  sidebar_closed: true

Grzech · June 28, 2019, 6:56am

Hi,
after updating to 1.1.4 the CCH settings menu disappeared:

I use HA: 0.95.1
CCH config:

cch:
sidebar_closed: true
swipe: true
swipe_animate: swipe
voice: hide

error from browser console:

compact-custom-header.js:412 Uncaught (in promise) TypeError: Cannot read property ‘style’ of null
at styleButtons (compact-custom-header.js:412)
at run (compact-custom-header.js:103)
at compact-custom-header.js:88

Albertjvanr · June 28, 2019, 10:31am

Hi, I’m having the same issue… Running HA 0.95.
My config and WEB UI “info” error:

cch:
  options: show
  header: true
  sidebar_swipe: true
  menu: overflow
  notifications: overflow
  swipe: true
  swipe_animate: flip
  swipe_wrap: true

http://192.168.1.30:8123/community_plugin/compact-custom-header/compact-custom-header.js:420:1 TypeError: buttons[button].shadowRoot is null

I’ve installed via HACS. Except for the blank settings page, all settings entered in Lovelace config works fine.

mayker · June 28, 2019, 11:37am

@Albertjvanr @Grzech @cdrom1028

Please try the latest version (1.1.6) and let me know if it helps. Thank you

Albertjvanr · June 28, 2019, 12:26pm

Hi, thank you for the response. But I’m still getting the same error. Refreshed, cleared cache etc…

Grzech · June 28, 2019, 12:54pm

I’m just updated to 1.1.6, but error still exist.
latest working was 1.1.2
1.1.7 - no improvement
1.1.8 - no improvement
1.1.9 - success, menu visible again

cdrom1028 · June 28, 2019, 1:41pm

Hi, I’m not able to see the Menu, I have tried 3 browsers, cleared cache and reread the docs… I could use a hand.

Running HA 0.95.0, My config and error:

cch:
  menu: overflow
  active_tab_color: red
  chevrons: false
  clock_am_pm: true
  clock_date: false
  clock_format: 12
  date_locale: en-US
  disable: false
  hide_tabs: 16
  options: clock
  sidebar_closed: true
  swipe: true
  swipe_amount: 10
  swipe_animate: none
  swipe_skip: ''
  swipe_wrap: true
  swipe_prevent_default: false
  exceptions:
    - conditions:
        user: User_1
        user_agent: Mobile
      config:
        hide_tabs: '2,4,5,7,8,9,19,12,13,15'

http://hassio-pm:8123/community_plugin/compact-custom-header/compact-custom-header.js:229:34 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

fribse · June 29, 2019, 4:53pm

With the latest update to 1.1.8 (15 mins ago) I see the menu’s fine, ahhh, that was nice with the swiping on my cellphone
Though, odd thing is, it moves the CCH: heading to the top, above the ‘Ressources’, and when it does that, the CCH menu item doesn’t display, moving it below again, makes it work???