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

Cards render without corner radius and outline under certain conditions #395

Open
4 tasks done
stleusc opened this issue Aug 11, 2024 · 1 comment
Open
4 tasks done

Comments

@stleusc
Copy link

stleusc commented Aug 11, 2024

My Home Assistant version: 2024.8.1

My lovelace configuration method (GUI or yaml): GUI

What I am doing: simply updated HA to 2024.8.1

What I expected to happen: no visual changes

What happened instead: cards lost corner radius and outline

Minimal steps to reproduce:

type: custom:mod-card
card_mod:
  style: |
    ha-card {
      padding: 8px;
      border: 0px;
    }
card:
  type: grid
  columns: 1
  square: false
  cards:
    - type: entities
      entities:
        - entity: scene.good_night
    - square: false
      type: grid
      columns: 4
      cards:
        - type: custom:slider-button-card
          entity: light.kitchen_light
          name: Kitchen

View must be set to Panel (1 card).

When removing

type: custom:mod-card
card_mod:
  style: |
    ha-card {
      padding: 8px;
      border: 0px;
    }
card:

from the config then the cards all render correctly again!

This seems to be related to View type as well since changing it to Masonry makes it render correctly again!

This is a new issue. Running on older HA version before today's update worked fine.

Error messages from the browser console:


By putting an X in the boxes ([]) below, I indicate that I:

@stleusc
Copy link
Author

stleusc commented Aug 11, 2024

adding

      --ha-card-border-radius: 12px;
      --ha-card-border-width: 1px;

to the style 'restores' the border but this is a 'hack'. Browser inspection indicated that the values of 0px were inherited from mod-card.

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

No branches or pull requests

1 participant