Clooos/Bubble-Card v0.0.1-beta.7

Bubble Card v0.0.1-beta.7

on GitHub

BETA 7 is in the place! And with the most requested features!

Tap, double tap and hold actions

A fast recap, as you asked me a lot I finally added the possibility to use the HA default tap actions, double tap actions and hold actions on the icons of every cards. This now allows you to display the “more info” window by holding the icon and to turn on/off the lamp of a slider by a single tap for example, everything is possible now and I hope everything works as expected! This is only available in YAML for now.

Here is an example:

tap_action: 
  action: toggle 
double_tap_action: 
  action: call-service 
  service: script.dark_scene 
hold_action: 
  action: more-info

A new custom button type

There is also a new button_type: custom (only in YAML for now) that allows you to use all actions directly on the whole button allowing you to use it for almost everything. Here is an example of a button that toggle all the lights of a room and if you double tap or hold it, it will open a pop-up with all your other lights:

type: custom:bubble-card
card_type: button
button_type: custom
entity: light.kitchen
name: Kitchen
icon: mdi:fridge
tap_action:
  action: toggle
double_tap_action:
  action: navigate
  navigation_path: '#kitchen'
hold_action:
  action: navigate
  navigation_path: '#kitchen'

Styles

But I also added another very requested feature, you can now use directly styles: | without card-mod which finally allows you to modify the style of the pop-ups, here is how to change its opacity for example:

styles: | 
  #root { 
    opacity: 0.95; 
  }

To change the background color of a button:

styles: | 
  ha-card > div > div > div { 
    background: blue !important; 
  }

Or the color of a slider:

styles: |
  ha-card > div > div > div > div.range-fill { 
    background: blue !important; 
  }

All these features are still experimental but according to my tests they all works great! 😁

All new options are available in the documentation.

✔️ Fixes :

• The pop-ups can now be scrolled on Firefox #38
• Scrolling down for closing a pop-up was a bit too sensitive, it should be better now #38
• Some cursors where not correctly displayed on desktop, this is now fixed #42

💡 New features :

• Tap, double tap and hold actions are now available for all cards icons #17
• button_type: custom see the above example
• styles: | see the above examples #25

And more to come!