From a53aa04f5dfd89dbe79ef63049255a57486dced9 Mon Sep 17 00:00:00 2001
From: Mathieu Fenniak <mathieu@fenniak.net>
Date: Mon, 5 Jan 2026 15:02:08 +0100
Subject: [PATCH] [v14.0/forgejo] fix: in-progress job icon doesn't rotate on
 repo's action list (#10656) (#10663)

**Backport:** #10656

(cherry picked from commit 0af52cdca24dbf0d9e62a0551f6fc2d7919e68fd)

In-progress jobs don't have a rotating status icon on `/org/repo/actions`.  Likely a regression from #9444 as the rotation style was in `RepoActionView` which won't be loaded on the action list page.

Manually tested and confirmed that the styling is effective on both `/org/repo/actions` and in the action log page (`.../runs/#/jobs/#/attempt/#`).

Reported-by: limiting-factor
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/10656
Reviewed-by: Michael Kriese <michael.kriese@gmx.de>
Co-authored-by: Mathieu Fenniak <mathieu@fenniak.net>
Co-committed-by: Mathieu Fenniak <mathieu@fenniak.net>
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/10663
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
---
 web_src/css/actions.css                  | 9 +++++++++
 web_src/js/components/RepoActionView.vue | 9 ---------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/web_src/css/actions.css b/web_src/css/actions.css
index c89a70ec04..e024f9e752 100644
--- a/web_src/css/actions.css
+++ b/web_src/css/actions.css
@@ -94,3 +94,12 @@
     right: 0;
   }
 }
+
+.job-status-rotate {
+  animation: job-status-rotate-keyframes 1s linear infinite;
+}
+@keyframes job-status-rotate-keyframes {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 0bdce36995..554636dd2b 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -903,15 +903,6 @@ export default {
 
 <style>
 /* some elements are not managed by vue, so we need to use global style */
-.job-status-rotate {
-  animation: job-status-rotate-keyframes 1s linear infinite;
-}
-
-@keyframes job-status-rotate-keyframes {
-  100% {
-    transform: rotate(-360deg);
-  }
-}
 
 .job-step-section {
   margin: 10px;