kalkih / mini-graph-card

Minimalistic graph card for Home Assistant Lovelace UI
MIT License
2.96k stars 232 forks source link

[FR] Hide label background option [solved with card-mod] #934

Closed brpeterso closed 1 year ago

brpeterso commented 1 year ago

I love the simplicity of the mini-graph-card. One thing that defies the simplistic/minimalistic look is the label background. In some cases, it may be handy to have it, otherwise it can make the card look clunky. Is there any way to add an option to hide the label backgrounds? Example below shows how it could benefit if there wasn't a label background. If there is a way to do this in CSS, please let me know.... I haven't been able to find one yet. Thanks!

image

Doug-Wyman commented 1 year ago

I think the "show" options are what you need. https://github.com/kalkih/mini-graph-card#available-show-options as show: labels: false

brpeterso commented 1 year ago

I want to show the labels, so labels: true is correct in this case. I just want to remove the background to the label so you only see the number (in my example above, it's the dark "oval" around the number that I want to hide...making it essentially transparent).

ildar170975 commented 1 year ago

Probably the person asked about possibility to remove rounded areas under labels. It is possible by card-mod. A bit later I will post here a solution.

brpeterso commented 1 year ago

Probably the person asked about possibility to remove rounded areas under labels. It is possible by card-mod. A bit later I will post here a solution.

@ildar170975 , Have you had a chance to look into this? Thanks. I looked in the card-mod and mini-graph-card ha forums to see if there were any updates.

ildar170975 commented 1 year ago

@brpeterso https://community.home-assistant.io/t/lovelace-mini-graph-card/71385/2273?u=ildar_gabdullin

You may close the issue if you are satisfied with this workaround . If you still need a corresponding option - then let us know.

brpeterso commented 1 year ago

@ildar170975 , This still leaves the rounded areas behind the label, but with transparency its actually still a huge improvement from what I had before. Thanks. image

ildar170975 commented 1 year ago

@brpeterso Add box-shadow: none: изображение