aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorsilverwind <me@silverwind.io>2024-03-14 23:04:33 +0100
committerGitHub <noreply@github.com>2024-03-14 22:04:33 +0000
commit35def319fdb8c73aa5e2c52fad5230d287e2bd93 (patch)
treeec51613f68c6b559eec74b0cfababba3c807c71c
parent0679e60c776cd45f32acc12f52fe41b627da57e9 (diff)
downloadgitea-35def319fdb8c73aa5e2c52fad5230d287e2bd93.tar.gz
gitea-35def319fdb8c73aa5e2c52fad5230d287e2bd93.zip
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.
-rw-r--r--web_src/css/modules/animations.css1
1 files changed, 1 insertions, 0 deletions
diff --git a/web_src/css/modules/animations.css b/web_src/css/modules/animations.css
index 87eb6a75cf..d5ddc772f6 100644
--- a/web_src/css/modules/animations.css
+++ b/web_src/css/modules/animations.css
@@ -20,6 +20,7 @@
left: 50%;
top: 50%;
height: min(4em, 66.6%);
+ width: fit-content; /* compat: safari - https://bugs.webkit.org/show_bug.cgi?id=267625 */
aspect-ratio: 1;
transform: translate(-50%, -50%);
animation: isloadingspin 1000ms infinite linear;