Jump to content

Apply border radius to album artists overlay


tomnjerry74

Recommended Posts

tomnjerry74

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.

image.png.2fa6356250109751d1eee809467318f9.png

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

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

image.png.30ed7385e42f8f11e41e0893214fba73.png

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.

Link to comment
Share on other sites

Happy2Play

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 by Happy2Play
  • Like 1
Link to comment
Share on other sites

tomnjerry74
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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...