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
190 stars 11 forks source link

There is no hexagon around my icons #23

Closed Astogems closed 1 year ago

Astogems commented 2 years ago

image

Why is there no Hexagons around my icons

OscarGonz95 commented 2 years ago

image

Im not even showing icons, this is with icon on position 0.

If I change to position 5 this is the result, hexagon(empty from 0-4) and not showing on position 5.

image

Can you share your code?

Thanks!

Milanmilunovic commented 2 years ago

I have the similar problem. Everything is working fine. Just hexagon is not there. :/ And I love the design of it... :)

dexsta commented 2 years ago

image

Why is there no Hexagons around my icons

That is a great question. Maybe the Dev would be so kind to let us all know?

Milanmilunovic commented 2 years ago

Still no answer... :/

dexsta commented 2 years ago

Still no answer... :/

Well don't hold your breath waiting otherwise you may choke.

Gimme a few days and I will share a 'working' example for you 👍

Milanmilunovic commented 2 years ago

Thanks :))

Get Outlook for Androidhttps://aka.ms/AAb9ysg


From: dexsta @.> Sent: Monday, September 5, 2022 5:21:10 AM To: Sian-Lee-SA/honeycomb-menu @.> Cc: Milanmilunovic @.>; Comment @.> Subject: Re: [Sian-Lee-SA/honeycomb-menu] There is no hexagon around my icons (Issue #23)

Still no answer... :/

Well don't hold your breath waiting otherwise you may choke.

Gimme a few days and I will share a 'working' example for you 👍

— Reply to this email directly, view it on GitHubhttps://github.com/Sian-Lee-SA/honeycomb-menu/issues/23#issuecomment-1236505277, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ASHFVKFR6BNJJTZJ7AZDV6TV4VRKNANCNFSM5YD4PJ7A. You are receiving this because you commented.Message ID: @.***>

vincentnk commented 2 years ago

Not sure if my solution is the best one, but this is how i fixed this:

Use the styles section to set styling of the card:

 hold_action:
   action: call-service
   service: honeycomb
   service_data:
     entity: light.ceilinglight
     buttons:
       - icon: mdi:information
         entity: light.ceilinglight
         name: Kleuren
         styles:
           icon:
             - color: violet
           card:
             - background: red
         position: 0

This will give a red background, but set the color to rgba(255,255,255,0.1) for a color that looks like the empty hexagons.

dexsta commented 1 year ago

As @vincentnk has provided the working code you need, I assume that everything is good ?

Sian-Lee-SA commented 1 year ago

For people with this issue then please check https://www.youtube.com/watch?v=xF4f2JJO9AI and select the Honeycomb Menu chapter as it may solve your issue (particularly theming)

Milanmilunovic commented 1 year ago

Thanks for help. Now it works exactly as it should. ;)