Sensor card graph with rounded corners - help needed

Configuration Frontend
1

I’ve been trying out some theming and adding rounded corners to my cards using ha-card-border-radius but when I do this it looks like the corner radius isn’t applied to the graph.

Screenshot_20201125-081916_Home Assistant
Screenshot_20201125-081916_Home Assistant1249×493 64.9 KB

this is with extra roundiness to demonstrate the problem :grinning:

How do I stop this from happening ?

2

I have the exact same problem and it’s driving me nuts. Did you ever find a solution?

1 Like
3

Try this:

ha-card {
overflow: hidden;
}
4

not sure where I’m supposed to put that … tried in all the places I can think of and it made no difference but I’m probably doing it wrong … where exactly do I put it ?

5

it requires card-mod, which is a custom card for lovelace.

6

ok … srry for being an idiot but I’ve tried

type: sensor
entity: sensor.living_room_media_stack_monthly_energy
graph: line
card_mod:
  style: |
    : ha-card { overflow: hidden; }

And that didn’t seem to change anything

7

Just in case anyone else also Googles this issue and finds this thread, to get it to work you have to remove the : in front of ha-card.

So like this:

card_mod:
  style: |
    ha-card { overflow: hidden; }