Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Corners not rounded in the default HA theme #58

Closed
bmcclure opened this issue Apr 6, 2023 · 0 comments · Fixed by #59
Closed

Corners not rounded in the default HA theme #58

bmcclure opened this issue Apr 6, 2023 · 0 comments · Fixed by #59

Comments

@bmcclure
Copy link
Contributor

bmcclure commented Apr 6, 2023

I am using the default Home Assistant theme and am noticing that this is one of my only cards that doesn't respect the theme's card styling for rounded corners.

I've fixed it in my HA instance using card-mod (example below), but it would be better for it to get fixed in the main project rather than requiring card-mod to fix it.

Simply applying the overflow: hidden style to the ha-card makes the corners properly rounded again, since the inner div containing the background color can no longer break outside of the ha-card container.

I'm not sure if there are any potential downsides to this approach, but in my testing so far it's working great.

If for some reason this can't be fixed in the repo, this is how other people can fix it in their card instance using card-mod:

card_mod:
  style: |
    ha-card {
      overflow: hidden;
    }
@bmcclure bmcclure changed the title Corners don't appear rounded in the default HA theme Corners not rounded in the default HA theme Apr 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant