Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature Request] option to disable animations #15709

Closed
1 of 2 tasks
qwerty287 opened this issue May 3, 2021 · 3 comments · Fixed by #26469
Closed
1 of 2 tasks

[Feature Request] option to disable animations #15709

qwerty287 opened this issue May 3, 2021 · 3 comments · Fixed by #26469
Labels
topic/ui-interaction Change the process how users use Gitea instead of the visual appearance type/proposal The new feature has not been accepted yet but needs to be discussed first. type/upstream This is an issue in one of Gitea's dependencies and should be reported there

Comments

@qwerty287
Copy link
Contributor

qwerty287 commented May 3, 2021 •
edited
Loading

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
@silverwind
Copy link
Member

silverwind commented May 4, 2021 •
edited
Loading

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;
}

@noerw noerw added type/proposal The new feature has not been accepted yet but needs to be discussed first. topic/ui Change the appearance of the Gitea UI kind/usability labels May 13, 2021
@jtran
Copy link
Contributor

jtran commented 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.

@yukijoou
Copy link

yukijoou commented Aug 6, 2023

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

@yukijoou yukijoou mentioned this issue Aug 7, 2023
Closed
@lunny lunny added the type/upstream This is an issue in one of Gitea's dependencies and should be reported there label Aug 9, 2023
@silverwind silverwind mentioned this issue Aug 12, 2023
Merged
silverwind added a commit that referenced this issue Aug 16, 2023
@silverwind
Remove fomantic transition module (#26469)
376c0e2 
Removes all dropdown and dimmer animations. Works everywhere as far as I
can tell, but need to give this thorough testing. Removes around 70kb
JS/CSS.

Note, I'm not 100% sure regarding the various callbacks, those will need
more investigation, but it appears to work nonetheless.

Fixes: #15709
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Oct 1, 2023
@delvh delvh added topic/ui-interaction Change the process how users use Gitea instead of the visual appearance and removed topic/ui Change the appearance of the Gitea UI kind/usability labels Oct 8, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
topic/ui-interaction Change the process how users use Gitea instead of the visual appearance type/proposal The new feature has not been accepted yet but needs to be discussed first. type/upstream This is an issue in one of Gitea's dependencies and should be reported there
Projects
None yet
Milestone
No milestone
7 participants
@jtran @lunny @silverwind @noerw @delvh @qwerty287 @yukijoou