Loading Spinner Shape

Anvil Q&A
1

What I’m trying to do:
Continuing from this thread

I have a custom loading spinner which is a rectangular GIF.
In a relatively recent update, the container shape of this GIF seems to have updated from a recatngle with rounded corners to an oval shape now which cuts off some of the GIF.
How can I reinstate the original look?

Code Sample:

# Code that sets the custom spinner
#loadingSpinner {
    background-size: cover;
  	width: 240px;
  	height: 135px;
	left: calc(50% - 240px/2);
  	box-shadow: none;
    background-color: transparent;
    background-image: url(_/theme/Animation-3.gif) !important;
}
2

Try changing the border-radius property to 0 or some other value that works for your image.

3

I thought I had tried that thinking it would be nice if that works but it seems that boder-radius != border-radius

Thanks Stu - next time I will recheck my work first!

3 Likes