search

Sian-Lee-SA / honeycomb-menu

Honeycomb menu is a Home Assistant module (not a card) that can be applied to any lovelace card. When activated by the defined action on said card, the module will display a 'rounded' list of honeycomb buttons with an optional XY pad to make interfacing with lovelace more fluent
Other
203 stars 11 forks source link

Limit the number of buttons #33

Closed bernardovalente closed 1 year ago

bernardovalente commented 1 year ago

Hi, Is it possible to limit of buttons that get displayed? The problem that I'm having is that when not using the 6 buttons, the unused hexagons ares still displayed button2

It would also be great to auto or manual rearrange the position of the buttons depending on the number used Thank you for your work, this is an awesome tool!

Sian-Lee-SA commented 1 year ago

Just add honeycomb-menu-disabled: transparent to your theme yaml and you can manually position a button with the position property

bernardovalente commented 1 year ago

That worked, thank you!

Btw there's a typo in the docs, styes { :

/* Styles selector is used as a placeholder for syntax highlighting */
styes {
    --honeycomb-menu-icon-color: var(--paper-item-icon-color);
    --honeycomb-menu-icon-active-color: var(--paper-item-icon-active-color);
    --honeycomb-menu-background-color: var(--paper-card-background-color);
    --honeycomb-menu-active-background-color: var(--paper-card-active-background-color, var(--paper-card-background-color));
    --honeycomb-menu-disabled: #9a9a9a6e
}
Sian-Lee-SA commented 1 year ago

I don't see the typo...? Actually, just saw it, styes should be styles. will update readme... Reminds me of a while ago where I saw a post somewhere that shows how removing middle characters from words yet you can still read it clearly, this one got me even after reading it a couple of times lol.