If users set prefers-reduced-motion, Gitlab shouldn't fire animation. In any case, new Gitlab should include discoverable options to close the sidebar.

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Work on this issue
• Close this issue

Note: I can't use the issue templates included above. There's something poking out after "Broken Master - Flaky," but I can't see what it is.

But Gitlab is full of animation, which hurts and can trigger migraines. Firefox can block the animation in other systems, but not in some Linux systems, see bug https://bugzilla.mozilla.org/show_bug.cgi?id=1840699

For example, it defaults to a wide sidebar, which doesn't scroll with the rest of the window. That kind of layout tends to trigger my migraines. In old Gitlab, it's possible to close the sidebar, but it animeates closing. In new Gitlab, it doesn't seem to be possible to close it at all.

If I page down in here in old Gitlab: https://gitlab.gnome.org/GNOME/gnome-software/-/issues/2099 it animates the header, and sometimes fires some kind of flashing.

If users set prefers-reduced-motion, I think that should skip over the animation. And new Gitlab needs to include an easily-discoverable option to close the sidebar, and other navigation optioons for users who cannot use sidebars.

Implementation guide

• Add following css to app/assets/stylesheets/reduced_motion.scss

  @media (prefers-reduced-motion: reduce) {
    *, ::before, ::after {
      animation-delay: -1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      background-attachment: initial !important;
      scroll-behavior: auto !important;
      transition-delay: 0s !important;
      transition-duration: 0s !important;
    }
  }

• Import in app/assets/stylesheets/application.scss

Test transitions to make sure nothing gets hidden.