Skip to content

Commit db264b7

Browse files
committed
Fix misaligned in-progress status indicator
The spinning ring SVG uses viewBox="-256 -256 512 512" (centered at 0,0). With transform-origin: 0 0 and transform-box: view-box, the animation origin resolves to the top-left corner (-256,-256) of the viewBox instead of its center, causing the ring to wobble irregularly. Changing transform-origin to center fixes the issue by rotating around the geometric center of the viewBox. Fixes JENKINS-71978
1 parent b13dd5d commit db264b7

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/main/scss/base/_style.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -606,7 +606,7 @@ table.progress-bar.red td.progress-bar-done {
606606

607607
[data-symbol-animation] {
608608
animation: spin 1s linear infinite;
609-
transform-origin: 0 0;
609+
transform-origin: center;
610610

611611
@media (prefers-reduced-motion) {
612612
animation-duration: 3s;

0 commit comments

Comments
 (0)