aniani/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-11-08 13:07:23 -05:00
Code Activity

Fix circular spin animation direction (#35785)

Browse Source 
Wait for the status icon to rotate clockwise instead of counterclockwise

before:
![GIF 2025-10-30
10-50-07](https://github.com/user-attachments/assets/3771b0bf-44e4-45a0-bde5-1b2b3dd8ba2a)

after:
![GIF 2025-10-30
10-50-43](https://github.com/user-attachments/assets/c45307fe-39a4-4e60-b48e-9d922c407565)

---------

Signed-off-by: 鲁汀 <131967983+lutinglt@users.noreply.github.com>
Signed-off-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: lutinglt <lutinglt@users.noreply.github.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
鲁汀
2025-11-02 16:30:13 +08:00
committed by GitHub
parent b3e5b96111
commit f2d7931b70
9 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web_src/css/modules/animations.css
View File

@@ -116,14 +116,12 @@ code.language-math.is-loading::after {
animation-timing-function: ease-in-out;
}
/* FIXME: `octicon-sync` is counterclockwise, so this animation is also counterclockwise, it looks somewhat strange.
Ideally in the future we should use a better image for clockwise animation. */
.circular-spin {
animation: circular-spin-keyframes 1s linear infinite;
.rotate-clockwise {
animation: rotate-clockwise-keyframes 1s linear infinite;
}
@keyframes circular-spin-keyframes {
@keyframes rotate-clockwise-keyframes {
100% {
transform: rotate(-360deg);
transform: rotate(360deg);
}
}