From 3842e021e089a255b07404fce216d8ec53fff7cd Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Tue, 18 Aug 2026 00:46:49 +0200
Subject: [PATCH] fix(actions): drop wrapper span around the action status icon
 (#38957)

Fixes https://github.com/go-gitea/gitea/issues/38955
---
 routers/web/devtest/mock_actions.go        | 2 +-
 web_src/js/components/ActionStatusIcon.vue | 4 +---
 web_src/js/modules/tippy.ts                | 1 +
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/routers/web/devtest/mock_actions.go b/routers/web/devtest/mock_actions.go
index d898e19b70c..4efba4354ba 100644
--- a/routers/web/devtest/mock_actions.go
+++ b/routers/web/devtest/mock_actions.go
@@ -280,7 +280,7 @@ func MockActionsRunsJobs(ctx *context.Context) {
 			{jobID: "arch-test", name: "arch-test", status: actions_model.StatusSuccess, duration: "3s", needs: []string{"prep-jdk"}},
 			{jobID: "integration-test", name: "integration-test", status: actions_model.StatusSuccess, duration: "4s", needs: []string{"prep-jdk"}},
 
-			{jobID: "build-image", name: "build-image", status: actions_model.StatusSuccess, duration: "3s", needs: []string{
+			{jobID: "build-image", name: "build-image with a very long name that does not fit into the sidebar", status: actions_model.StatusSuccess, duration: "3s", needs: []string{
 				"unit-test",
 				"arch-test",
 				"integration-test",
diff --git a/web_src/js/components/ActionStatusIcon.vue b/web_src/js/components/ActionStatusIcon.vue
index 898743198ff..2ebfeb0dd83 100644
--- a/web_src/js/components/ActionStatusIcon.vue
+++ b/web_src/js/components/ActionStatusIcon.vue
@@ -28,7 +28,5 @@ const iconClass = computed(() => {
 </script>
 
 <template>
-  <span class="flex-text-inline" :data-tooltip-content="localeStatus ?? status" v-if="status">
-    <SvgIcon :name="icon.name" :class="iconClass" :size="size"/>
-  </span>
+  <SvgIcon v-if="status" :name="icon.name" :class="iconClass" :size="size" :data-tooltip-content="localeStatus ?? status"/>
 </template>
diff --git a/web_src/js/modules/tippy.ts b/web_src/js/modules/tippy.ts
index 2a4ffd10359..c4abdb3d997 100644
--- a/web_src/js/modules/tippy.ts
+++ b/web_src/js/modules/tippy.ts
@@ -149,6 +149,7 @@ function attachLazyTooltip(el: HTMLElement): void {
       let ariaLabelValue = content;
       if (isHtml) ariaLabelValue = stripTags(content).replace(/\s+/g, ' ').trim();
       el.setAttribute('aria-label', ariaLabelValue);
+      el.removeAttribute('aria-hidden');
     }
   }
 }