Actions tab `Running` spinner animation off-center

go-gitea / gitea

Git with a cup of tea! Painless self-hosted all-in-one software development service, including Git hosting, code review, team collaboration, package registry and CI/CD

https://gitea.com

MIT License

45.45k stars 5.52k forks source link

Actions tab `Running` spinner animation off-center #31621

Closed FrostKiwi closed 4 months ago

FrostKiwi commented 4 months ago

Description

This has been always bugging me since release of the Actions tab: The loading spinner is not center aligned, so it wobbles like a broken wheel. spinner

Having read this, you can now not unsee it any time you look into the actions tab.

Gitea Version

1.22.1

Can you reproduce the bug on the Gitea demo site?

Yes

Log Gist

No response

Screenshots

No response

Git Version

No response

Operating System

No response

How are you running Gitea?

Installed via binary

Database

None

silverwind commented 4 months ago

Likely need to alter transform-origin by like half a pixel, or report the bug to octicons because I assume the SVG is off-center in the source as well.

FrostKiwi commented 4 months ago

Likely need to alter transform-origin by like half a pixel, or report the bug to octicons because I assume the SVG is off-center in the source as well.

Just rechecked it octicons, and there is no such misalignment. Then rechecked with browser other than Firefox and there is no such issue in Gitea either! It's a Firefox specific bug. It always happens, 100% reproducible, but is a firefox thing.

silverwind commented 4 months ago

Might even be OS-related, it looks pretty perfect for me in Firefox 129 on MacOS at 500% zoom level. Test with {{svg "octicon-meter" 16 "job-status-rotate"}} anywhere in templates:

What's your OS?

FrostKiwi commented 4 months ago

Windows 11 and 10. I'll follow this up in the Firefox issue tracker.