search

custom-cards / bignumber-card

Apache License 2.0
122 stars 23 forks source link

Bug in Home Assistant 2022.11 #36

Open mattdevo1 opened 1 year ago

mattdevo1 commented 1 year ago

It looks like the default dashboard theme in Home Assistant was changed slightly in in the 2022.11 update, which is causing the Big Number Card to render incorrectly (there is a thin colored bar at the very edge of the card when the value is less than 100%, see screenshot below).

Screen Shot 2022-11-25 at 8 01 38 AM

This happens regardless of the scale, whether you start the bar from the left or bottom, etc. I can't seem to find a configuration option to fix it.

DOMNAD commented 1 year ago

It looks like the default dashboard theme in Home Assistant was changed slightly in in the 2022.11 update, which is causing the Big Number Card to render incorrectly (there is a thin colored bar at the very edge of the card when the value is less than 100%, see screenshot below).

Screen Shot 2022-11-25 at 8 01 38 AM

This happens regardless of the scale, whether you start the bar from the left or bottom, etc. I can't seem to find a configuration option to fix it.

Same here :disappointed:

image

igorsantos07 commented 1 year ago

I guess the project got abandoned :(

Since I'm only using it in a specific dashboard, I changed the whole dashboard to an old theme which doesn't include the latest lovelace layout changes.

image

Zeronozero commented 1 month ago

Is this project really dead ? someone who can debug this problem ? thanks

Zeronozero commented 1 month ago

I found a solution. Add this in your theme

My Theme:
    # colonnes
    ha-view-sections-column-gap: 8px #optional, this is for the column space in the new experimental section
    ha-card-border-width: 0px
    modes:
        light:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(0, 0, 0, 0.12)'
        dark:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(255, 255, 255, 0.12)'
mattdevo1 commented 1 month ago

I found a solution. Add this in your theme

My Theme:
    # colonnes
    ha-view-sections-column-gap: 8px #optional, this is for the column space in the new experimental section
    ha-card-border-width: 0px
    modes:
        light:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(0, 0, 0, 0.12)'
        dark:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(255, 255, 255, 0.12)'

Ah man, thank you for figuring that out!

You can also implement this with card mod, here's what I did:

card_mod: style: | ha-card { border-width: 0px }

Although I guess that removes the border, which means this card looks different to the other default cards...Hrmm, not a great fix to be honest.