search

r-renato / ha-card-weather-conditions

Weather condition card (Lovelace) for Home Assistant.
MIT License
194 stars 37 forks source link

2023.5 update causes strange effect #102

Closed Remko76 closed 8 months ago

Remko76 commented 1 year ago

I upgraded Homeassistant to the latest 2023.5 version and now see a strange overlay effect with this card in the companion app as well as in a mobile chrome browser.

It seems the card does not respect layers of the UI or so. It does not hide behind the top bar on scrolling and also the side menu does not lie on top of this card. I hope the screenshot clarifies it..

image

hesral commented 1 year ago

Having the same problem...

darkstoneathome commented 1 year ago

Same here. Occurs in the Android App and also in the web browser.

image
bram2202 commented 1 year ago

Same here. I'm on 2023.5.2, but also noticed this behavior on 2023.4 .x

image

Remko76 commented 1 year ago

@bram2202 : how did you fix it locally? I tried to modify the local .js file in "/config/www/community/ha-card-weather-conditions/ha-card-weather-conditions.js”

removed the 6 z-index entries, saved, rebooted, cleared cache etc. but no effect.

Remko76 commented 1 year ago

I actually uninstalled it completely, added your branch @bram2202 as custom repo in hacs, but still have the same issue...

bram2202 commented 1 year ago

@Remko76 sorry for the slow response.

I missed some z-index: 200 in my pull request, I updated it.

If you modify your local file in the www\community\ha-card-weather-conditions folder, dont forget to update your resources in HA:

  1. Go to <your-instance>/config/lovelace/resources
  2. Find the ha-card-weather-conditions resource and edit it.
  3. change the hacstag number to someting else and save.
  4. hard refresh your browser.

The change in number tells your browser that the file is new and needs to be loaded instead of getting it from cache.

It fixed it on my dashboard:

image

Remko76 commented 1 year ago

Cool, thanks for the reply. That did the trick!!

gfay63 commented 1 year ago

@bram2202 , LOVE this extension! However, I have this same "transparent" issue and it's driving me batty.

I could not find "hacstag" in the ha-card-weather-conditions.js file. I also tried re-downloading the latest version and no luck.

How can I fix this?

Here's an example trying to edit something and it happens to be behind.

image

bram2202 commented 1 year ago

@gfay63 you can try to add my fork as an extra repository in hacs, disable this plugin and install the one from my fork.

gfay63 commented 1 year ago

@bram2202 Well that worked! Not sure why, but it did! Thank you! :)

Only thing I'm worried about is missing updates to the original.

bram2202 commented 1 year ago

@gfay63 Keep your eyes one this PR: https://github.com/r-renato/ha-card-weather-conditions/pull/103. If its merged you can remove my fork and go back to the original.

zollek commented 1 year ago

Thanks for the solution. I've modified the oryginal .js and .js.gz files. I've my own Polish translation with modified icons to fit AccuWeather.