flipdown-timer-card icon indicating copy to clipboard operation
flipdown-timer-card copied to clipboard

Border when embedded since 2022.11.0

Open julienlarivee opened this issue 2 years ago • 6 comments

Checklist:

  • [x] I updated to the latest version available
  • [x] I cleared the cache of my browser

Release with the issue: V0.4

Last working release (if known): Worked before installing HA 2022.11.0

Browser and Operating System: Chrome

Description of problem: When the card is embedded in an entities card, there is a border around the flipdown timer card. Before HA 2022.11.0, there was no border.

image

type: entities
entities:
  - entity: climate.air_climatise
    group: true
    type: custom:mini-climate
  - entity: timer.air_climatise
    type: custom:flipdown-timer-card

If we look at the same entities, but with native HA cards, there is still no border in 2022.11.0 image

type: entities
entities:
  - entity: climate.air_climatise
  - entity: timer.air_climatise

Also, the time picker card had the same issue, but they fixed it. Here is the link to it if it can help: https://github.com/GeorgeSG/lovelace-time-picker-card/issues/43

julienlarivee avatar Dec 04 '22 20:12 julienlarivee

That is a change in the design made by HA devs. See the HA forums. It's not a problem of this card. This HA change affects every card...

BebeMischa avatar Dec 04 '22 21:12 BebeMischa

i think you should use vertical stack card. let me know again if it doesn't solve the problem.

pmongloid avatar Dec 05 '22 03:12 pmongloid

That is a change in the design made by HA devs. See the HA forums. It's not a problem of this card. This HA change affects every card...

I know they change the shadow for the border to be more inline with material design. The thing is before there was no shadow for the inner cards but now theses same cards have borders. This is not consequent. If we want to keep it consequent, there should be a border on the outter card, but not on the inner one.

julienlarivee avatar Dec 05 '22 22:12 julienlarivee

i think you should use vertical stack card. let me know again if it doesn't solve the problem.

When using the vertical stack, we lose the the outter card that englobe the other two. Like this: image

julienlarivee avatar Dec 05 '22 22:12 julienlarivee

thanks for the test the link is so helpful so i could fix it soon

pmongloid avatar Dec 06 '22 10:12 pmongloid

@pmongloid Any news on this?

julienlarivee avatar Jun 11 '23 14:06 julienlarivee