Fix Safari spinner rendering (#29801)

Fixes: https://github.com/go-gitea/gitea/issues/29041
Fixes: https://github.com/go-gitea/gitea/pull/29713

Any of the `width: *-content` properties seem to workaround this Webkit
bug, this one seemed most suitable.

(cherry picked from commit 35def319fdb8c73aa5e2c52fad5230d287e2bd93)
This commit is contained in:
silverwind 2024-03-14 23:04:33 +01:00 committed by Earl Warren
parent f4d75ed41a
commit 9df7f56361
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG key ID: 0579CB2928A78A00

View file

@ -20,6 +20,7 @@
left: 50%; left: 50%;
top: 50%; top: 50%;
height: min(4em, 66.6%); height: min(4em, 66.6%);
width: fit-content; /* compat: safari - https://bugs.webkit.org/show_bug.cgi?id=267625 */
aspect-ratio: 1; aspect-ratio: 1;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
animation: isloadingspin 1000ms infinite linear; animation: isloadingspin 1000ms infinite linear;