question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Border-radius not being applied when using artwork:cover

See original GitHub issue

My mini-media-player configs uses artwork:cover but when it does the configured border radius of the theme doesn’t get applied.

Once I comment out the artwork it properly shows rounded corners, but with artwork configured it is always square.

Is this something that should work out of the box or does this require card-mod magic to get to work?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:12 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
syphernlcommented, Nov 19, 2019

Please send me your card config so I can try to reproduce. Try reinstalling the card, try in incognito mode and see if the issue persist.

This is my config:

  - type: conditional
    conditions:
      - entity: media_player.music
        state: "playing"
    card:
      type: custom:mini-media-player
      entity: media_player.music
      info: scroll
      artwork: cover
      hide:
        icon: true
        power: true
        volume: true
        shuffle: false

Hmm interesting… Reinstalling it via HACS seems to have fixed it… 🤔 Case closed I guess. Thanks!

0reactions
vanlooverenkoencommented, Nov 11, 2020

@kalkih can’t get the border radius to work. my theme:

media_player_lovelace:
  ha-card-border-radius: 4px

my lovelace ui:

type: 'custom:mini-media-player'
entity: media_player.kitchen_display
theme: media_player_lovelace
Read more comments on GitHub >

github_iconTop Results From Across the Web

css - border-radius not working - Stack Overflow
to the element that I was applying the border radius to. Final working code: .ele-with-border-radius { border-radius: 15px; overflow: hidden; ...
Read more >
border-radius - CSS: Cascading Style Sheets - MDN Web Docs
This is a box with rounded corners. ... The radius applies to the whole background , even if the element has no border;...
Read more >
border-radius - CSS-Tricks
You can give any element "rounded corners" by applying a border-radius through CSS. You'll only notice if there is a color change involved....
Read more >
Border Radius Not Evenly Applied - Jotform
Hi! I'm having trouble evenly applying rounded corners- as you can see in the picture the corners are just getting cut off of...
Read more >
Expanded Use of `box-shadow` and `border-radius`
same border-radius value applied to various size divs ... For the 50% example, once the element is no longer square it begins to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found