custom-cards / bignumber-card

Apache License 2.0
122 stars 23 forks source link

Bars have disappeared after upgrading to HA 0.113 #13

Closed rbluff closed 3 years ago

rbluff commented 4 years ago

Echoing what da_syygy reported here: https://community.home-assistant.io/t/lovelace-bignumber-card/59280/42

Since upgrading to 0.113, and currently on 0.113.3, I no longer have coloured bars - only numbers.

image

da_syygy mentioned that it was related to themes, but I don't use any themes.

anachronox99 commented 4 years ago

I have the same issue. Also, when I view this on an IoS device (just the default Safari browser) I get an error message. But when viewed on a desktop browser (I've tried Chrome and Edge Chromium) it renders correctly, just without the coloured bars. MVIMG_20200810_131553

nitobuendia commented 4 years ago

Same issue. I troubleshooted a bit: background property is invalid.

Current value:

        background: linear-gradient(
          to var(--bignumber-direction),
          var(--paper-card-background-color) var(--bignumber-percent),
          var(--bignumber-fill-color) var(--bignumber-percent)
        );

The structure is correct [direction], [color], [...n other colors]. However, I think --paper-card-background-color is not defined. This is more obvious because Chrome Developer tools usually highlights a square with the colour, but here, it doesn't (while it does for var(--bignumber-fill-color)).

After replacing this value with #FFFFFF, the bar started colouring again. Also, if changed to "transparent" seems to work.

Screenshot 2020-08-10 at 19 19 13

In this image, the first one is #ffffff, the second one is transparent and the third var(--paper-card-background-color).

I tracked down potential changes in the variable in frontend and it seems it was renamed on this commit from paper-card-background-color -> card-background-color. Changing for var(--card-background-color) also made it work:

Screenshot 2020-08-10 at 19 23 31
nitobuendia commented 4 years ago

I was about to send a Pull Request, but it seems #12 is doing something similar except using ha-background-color instead of --card-background-color.

seventhsite commented 3 years ago

Just installed it on last HA and there is no colored bars. Looks like module development is stopped. Is there any alternate modules for compact displaing instead of gauge?

anachronox99 commented 3 years ago

Does anybody know if this component is still being developed?

seventhsite commented 3 years ago

Does anybody know if this component is still being developed?

I installed code from Redame example and it is not work. Last update is 13 months ago. Looks like it is deprecated.

ibennani commented 3 years ago

An update was released the other day, and now my background colors are working again.

New attribute: bncolor setts that background color.