reptilex / tesla-style-solar-power-card

Home assistant power card mimicking the one tesla provides for the powerwall app.
221 stars 59 forks source link

Card overlaying top navigation bar #155

Closed Remko76 closed 3 months ago

Remko76 commented 1 year ago

Ever since the HASS update to 2023.5 I see a strange behaviour with this card. It now overlays the topbar (and thew sidebar depending on your setup). It happens on all browsers and platforms. See this screenshot:

image

Anyone any idea on the cause and potential fix?

reptilex commented 1 year ago

I can confirm this and I know the reason, I will try to solve it very soon.

Remko76 commented 1 year ago

Cool, sounds promising!! I am interested in the reason, since I have another card showing the same issue, but the developer is not active anymore. So I will need to try to fix that myself…

reptilex commented 1 year ago

The reason is they changed something in homeassistant that is using the css z-index on the home menu bar. Since I was using z-index for these two element too that means that now my z-index meant I go over theirs. I'm having issues building the card, but as soon as I have done that I will post a new version.

Remko76 commented 1 year ago

I see z-Index being used in my other cars as well. It is this one: https://github.com/r-renato/ha-card-weather-conditions unfortunately I have no clue about css. I am afraid it will not be as simple as just changing the value locally..? Any tips would be appreciated… Maybe your fix will point me somewhere.