[Fixed] Problem with the image component/roles?

Today, the images in avatars suddenly appear on top of the circle instead of inside it. Did something change in the image component, or in how roles are applied?

image

I use this role for the image, and it worked perfectly until today:

.anvil-role-circular-image {
border-radius: 50%;
height: 400px;
border: 1px solid black;
aspect-ratio: 1/1;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
background-color: var(–avatar-image-background);
}

Thanks for reporting. We’ll take a look

Did Anvil made any recent changes to CSS for Image Component?

I see some of my Image Components (which had custom css roles) become messed up and I am not sure what is the cause behind it.

This should now be fixed

2 Likes