search

home-assistant / frontend

:lollipop: Frontend for Home Assistant
https://demo.home-assistant.io
Other
3.9k stars 2.64k forks source link

Transparent Color for sidebar-background-color not working since HA 2021.6 #9384

Open FaserF opened 3 years ago

FaserF commented 3 years ago

Checklist

Describe the issue you are experiencing

Since HA Version 2021.6 (with frontend 20210603.0) I am unable to use my transparent theme witht he sidebar anymore. The transparent color just gets a strange white color. The Theme is working fine with alle elements, except sidebar-background-color . Using a color without transparancy is working fine. My theme is here: https://github.com/FaserF/transparentgray/blob/ba23c0e0c08e6287e62cbfaabb1f4b68a90640d7/themes/transparentgray.yaml#L56

Describe the behavior you expected

The transparency should still be working with the sidebar.

Steps to reproduce the issue

  1. Install my Theme (with the state from the commit ba23c0e0c08e6287e62cbfaabb1f4b68a90640d7 or in Version Version 2021-01-23)
  2. Set the theme
  3. See the white-ish color

What version of Home Assistant Core has the issue?

2021.6.2

What was the last working version of Home Assistant Core?

2021.5.X

In which browser are you experiencing the issue with?

Google Chrome 91.0.4472.77 / Safari from iOS 14.6 / Homeassistant App

Which operating system are you using to run this browser?

Windows 10 - 21H1 / iOS 14.6 / Homeassistant App

State of relevant entities

No response

Problem-relevant frontend configuration

https://github.com/FaserF/transparentgray/blob/ba23c0e0c08e6287e62cbfaabb1f4b68a90640d7/themes/transparentgray.yaml#L56

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

bramkragten commented 3 years ago

A screenshot would help here.

FaserF commented 3 years ago

Sorry, here we go:

Before: https://github.com/FaserF/transparentgray/blob/main/images/transparentgray2.png

Now: 07-06-_2021_09-53-37

FaserF commented 2 years ago

Hmmm isn’t solved yet, but I understand that it doesn’t have a high priority

FaserF commented 2 years ago

Just tested it with 2021.11.5 again. Still its not working when trying to use some transparency

sidebar-background-color: 'rgba(24,24,24,0.3)'

spacegaier commented 2 years ago

But the header transparency still works in 2021.11.x for you?

FaserF commented 2 years ago

Yeah the rest works fine without any issues.

FaserF commented 2 years ago

Issue is still there, but I understand its low priority.

FaserF commented 2 years ago

Issue is still there, but I understand its low priority.

FaserF commented 1 year ago

Issue is still there, but I understand its low priority.

FaserF commented 8 months ago

Issue is still there, but I understand its low priority.

karwosts commented 8 months ago

I think this is not related to transparency, but simply the issue is that the background is attached to an element that is adjacent to the sidebar, not behind the sidebar. So even if you make the sidebar fully transparent the background image is not behind it.

I guess the sidebar used to be rendered overtop the element that had the background, but the top level html changed such that now they are side by side.

Not really sure how to fix that though.

FaserF commented 5 months ago

Still there

github-actions[bot] commented 2 months ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

FaserF commented 2 months ago

Issue is still there, but I understand its low priority.