Apply border radius to album artists overlay

[tomnjerry74 97]

Hello,

I'm having a hard time targeting the album artist card overlays because for some reason they are given the square class despite being round.

I've accomplished this in the "More like this view" with the following:

.cardFocusContent-round .cardOverlayContainer {
	border-radius: 100%!important;
}

How can I target the album artist view to do the same?

Also, is this intended? I've never seen this design choice utilized before and in my opinion it's pretty jarring.

[Happy2Play 9444]

Maybe something like this but the issue is the overlay options, so they would need adjustment also. Your code above does not work because each of those elements are siblings.

button.cardContent-round+.cardOverlayContainer {
    overflow: hidden;
    border-radius: 100%;
}

 

Edited August 27, 2021 by Happy2Play

[tomnjerry74 97]

20 hours ago, Happy2Play said:

Maybe something like this but the issue is the overlay options, so they would need adjustment also. Your code above does not work because each of those elements are siblings.

button.cardContent-round+.cardOverlayContainer {
    overflow: hidden;
    border-radius: 100%;
}

 

You're continued support is much appreciated - thank you

I see what you mean about the overlay options.. To make things easier, I think I'll just remove the border radius on all cards completely.