search

dckiller51 / lovelace-body-miscale-card

Card for data of Xiaomi scales in the Lovelace user interface of Home Assistant The card is linked to the Bodymiscale custom components for Xiaomi scales. https://github.com/dckiller51/bodymiscale
MIT License
81 stars 23 forks source link

Icons do not work on Firefox #45

Closed nov1n closed 9 months ago

nov1n commented 1 year ago

Icons use webkit-mask-box-image, which is a nonstandard property without Firefox support (source).

As suggested by this source, would it be possible to use mask-border instead?

Many thanks for all your hard work so far!

bcutter commented 9 months ago

Yes. They are in the right place. When theme is set to light, nothing is visible. Now that it switched to dark mode, I can see... that there are no icons.

grafik

And, by the way: that's what I see in HA Companion app on iOS: grafik

Something's really NOT OKAY with those images 😆

dckiller51 commented 9 months ago

@nov1n @bcutter Can you confirm that the update fixes your icon problem?

nov1n commented 9 months ago

Yes it's fixed now, thanks! Confirmed both on Firefox, and on the Android app.

bcutter commented 9 months ago

5.9.5:

✅ Yes for

❌ Still a no for

dckiller51 commented 9 months ago

@bcutter

You must use the light or dark theme switch. The switch forces white for dark and uses the default theme colors in light mode.

Sans titre4

bcutter commented 9 months ago

Ah, great. Looking good now (iOS, away from Firefox currently but for sure fine too).image

dckiller51 commented 9 months ago

Thank you both for your feedback. I'm closing this issue.