From 4341a837904f0162d44be03bf1b10cafb8ac1849 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Sun, 10 Dec 2023 21:20:20 +0000
Subject: [PATCH] Fixes

---
 .../model/ManageJenkinsAction/index.jelly      | 18 ------------------
 .../resources/lib/hudson/progressBar.jelly     |  4 +++-
 war/src/main/scss/components/_spinner.scss     |  9 +++------
 3 files changed, 6 insertions(+), 25 deletions(-)

diff --git a/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly b/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly
index 02fdd5c6b552..a345052bc588 100644
--- a/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly
+++ b/core/src/main/resources/hudson/model/ManageJenkinsAction/index.jelly
@@ -38,24 +38,6 @@ THE SOFTWARE.
         <l:search-bar placeholder="${%Search settings}" id="settings-search-bar" />
       </l:app-bar>
 
-      <t:progressBar pos="-1" />
-      <br/>
-      <t:progressBar pos="-1" red="true" />
-      <br/>
-      <t:progressBar pos="50" />
-      <br/>
-      <t:progressBar pos="50" red="true" />
-      <br/>
-      <t:progressBar pos="-1" href="/123" />
-      <br/>
-      <t:progressBar pos="-1" red="true" href="/123" />
-      <br/>
-      <t:progressBar pos="50" href="/123" />
-      <br/>
-      <t:progressBar pos="50" red="true" href="/123" />
-
-      <br/><br/><br/>
-
       <script src="${resURL}/jsbundles/pages/manage-jenkins.js" type="text/javascript" />
 
       <section class="manage-messages">
diff --git a/core/src/main/resources/lib/hudson/progressBar.jelly b/core/src/main/resources/lib/hudson/progressBar.jelly
index 15d83fcedf51..f479233353a5 100644
--- a/core/src/main/resources/lib/hudson/progressBar.jelly
+++ b/core/src/main/resources/lib/hudson/progressBar.jelly
@@ -51,7 +51,9 @@ THE SOFTWARE.
         </div>
       </j:when>
       <j:otherwise>
-        <progress class="jenkins-progress-bar__precise" value="${attrs.pos}" max="100" />
+        <div class="jenkins-progress-bar__precise">
+          <div style="width: ${attrs.pos}px"></div>
+        </div>
       </j:otherwise>
     </j:choose>
   </x:element>
diff --git a/war/src/main/scss/components/_spinner.scss b/war/src/main/scss/components/_spinner.scss
index eea7715b2d6f..8187f6ee225f 100644
--- a/war/src/main/scss/components/_spinner.scss
+++ b/war/src/main/scss/components/_spinner.scss
@@ -93,6 +93,7 @@
   --color: var(--accent-color);
 
   display: inline-flex;
+  align-items: stretch;
   background: color-mix(in srgb, var(--text-color-secondary) 25%, transparent);
   border-radius: 100px;
   width: 100px;
@@ -108,15 +109,11 @@
     appearance: none;
     height: 100%;
 
-    &::-webkit-progress-bar {
-      background: transparent;
-      border-radius: 10px;
-    }
-
-    &::-webkit-progress-value {
+    div {
       background: var(--color);
       border-radius: 10px;
       min-width: 4px;
+      height: 100%;
     }
   }