Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !31882

Slow down spinners when `prefers-reduced-motion: reduce`

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Administrator requested to merge main-fod-slower-spinners into main Oct 13, 2020
  • Overview 2
  • Commits 6
  • Pipelines 0
  • Changes 3

Created by: ffoodd

Very simple enhancement to slow down spinners when reduced motion are requested. Somehow relates to #30081 — deeper thinking:

  • pausing the animation could be misunderstood as failing to load content;
  • impossible to know how long the animation would be, no way to determine if we're above some WCAG threshold for animations durations and cycles.

So this PR basically just ensure to slow down animation, thus prevents flashing colors (most probably with growing spinners, but hey, who knows).

As usual, feel free to discard this if it's over-engineered in any way.

Preview: https://deploy-preview-31882--twbs-bootstrap.netlify.app/docs/5.0/components/spinners/

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: main-fod-slower-spinners