Skip to content

Crud, MR widget, settings block: Add preference for reduced motion

What does this MR do and why?

Crud, MR widget, settings block:

Screenshots or screen recordings

Before After
prefers-reduced-motion: no-preference
before after
prefers-reduced-motion: reduced
animated animated
before after_reduced
animated reduced

How to set up and validate locally

  1. Open Developer tools in your browser
  2. Press Command+Shift+P (Mac), type in Rendering, Enter
  3. In the Rendering menu, Toggle the Emulate CSS media feature prefers-reduced-motion ooption

Tests:

  1. Crud: http://gdk.test:3000/flightjs/Flight/-/issues/3 (any issuable widget that is collapsible/expandable)
  2. MR Widget: http://gdk.test:3000/flightjs/Flight/-/merge_requests/1
  3. Settings block: http://gdk.test:3000/flightjs/Flight/edit

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #512691 (closed)

Edited by Julia Miocene

Merge request reports

Loading