[Feature Request] option to disable animations #7286

New Issue

GiteaMirror · 2025-11-02T07:22:05-06:00

GiteaMirror commented

2025-11-02 07:22:05 -06:00

Originally created by @qwerty287 on GitHub (May 3, 2021).

Hello,
Gitea has almost everywhere animations: the "Create" menu, the issue preview...
The problem is, I don't like these animations, I think they're a bit disturbing. So, I think it would be nice if there's an option in the settings to disable these animations.
Thanks!

Can you reproduce the bug at https://try.gitea.io:

Yes
No

Originally created by @qwerty287 on GitHub (May 3, 2021). Hello, Gitea has almost everywhere animations: the "Create" menu, the issue preview... The problem is, I don't like these animations, I think they're a bit disturbing. So, I think it would be nice if there's an option in the settings to disable these animations. Thanks! Can you reproduce the bug at https://try.gitea.io: - [x] Yes - [ ] No

GiteaMirror added the type/proposal topic/ui-interaction type/upstream labels 2025-11-02 07:22:05 -06:00

GiteaMirror closed this issue

2025-11-02 07:22:05 -06:00

GiteaMirror commented

2025-11-02 07:22:06 -06:00

@silverwind commented on GitHub (May 4, 2021):

I generally find the animations obnoxious too. Here is a very crude method of disabling them, certainly not something we should commit like that:

* { 
  animation-duration: 0ms !important;
}

@silverwind commented on GitHub (May 4, 2021): I generally find the animations obnoxious too. Here is a very crude method of disabling them, certainly not something we should commit like that: ```css * { animation-duration: 0ms !important; } ```

GiteaMirror commented

2025-11-02 07:22:06 -06:00

@jtran commented on GitHub (Feb 4, 2022):

I, personally, like animations. But perhaps support could be added for the OS preference, which browsers expose in CSS as prefers-reduced-motion. It can also be accessed in JS.

@jtran commented on GitHub (Feb 4, 2022): I, personally, like animations. But perhaps support could be added for the OS preference, which browsers expose in CSS as [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion). It can also be accessed in JS.

GiteaMirror commented

2025-11-02 07:22:06 -06:00

@yukijoou commented on GitHub (Aug 6, 2023):

Seems like this is controlled by the package 'fomatic-ui' used by gitea. I have reported the issue upstream

@yukijoou commented on GitHub (Aug 6, 2023): Seems like this is controlled by the package 'fomatic-ui' used by gitea. I have [reported the issue upstream](https://github.com/fomantic/Fomantic-UI/issues/2872)

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#7286