Fixes

janfaracik · Dec 10, 2023 · 4341a83 · 4341a83
1 parent 222e649
commit 4341a83
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 25 deletions.
diff --git 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
@@ -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
@@ -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%;
     }
   }