From 9df7f56361c1dfca1187751c58b14593f33989de Mon Sep 17 00:00:00 2001 From: silverwind Date: Thu, 14 Mar 2024 23:04:33 +0100 Subject: [PATCH] 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) --- web_src/css/modules/animations.css | 1 + 1 file changed, 1 insertion(+) 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;