I have observed that the loading spinner in some of my apps is not centered properly. Initially, I had custom spinners with a background image that used to load and display in the center. However, recently, the spinner appears off-center. To address this issue, I made a change in the CSS component from :after to :before, which resolved the centering problem for one app. However, in my other apps, the custom background images for the loading spinner are not being displayed, and instead, the old anvil spinner is shown.
(moved to bug reports)
are you able to provide the app Id so we can take a look?
It would also be useful to see the css you were applying for your custom loading spinner
To get rid of the fallback loading spinner you can also add
.anvil-spinner {
color: transparent;
}
to your theme.css
Edit: this should now be fixed
Hi, this seems to be happening to me as well. Issue only occurs when opening the app on a pc browser, but not when opening it from the anvil editor or from a mobile device. Looks like the spinner is off center just a bit and it’s causing the spinner logo to be cut off at the sides.
Doesn’t happen when opening from the editor or a mobile device: (Made the spinner background blue so its position can be clearly visible)
Hi -@delvai
we have made some changes to the spinner.
Have you done any customisations to the spinner?
If so please post them either here or as a private message and we’ll investigate
@stucork
there was customization, but i have since removed all of them to help debug the issue, it seems like the issue is only occurring on the Safari Browser. tried it on Chrome and the issue wasn’t present. the issue is not present on mobile or when opening the app from the anvil editor either. cleared browser cookies as well.
2 Likes
I’m not able to reproduce this on a blank app in safari with any of the standard anvil themes.
If it’s easy to reproduce your end can you share a minimal example app?
And then let me know which browser to run it on.