Skip to content

Correctly wrap cycle analytics features at mobile viewports

Summary

From this comment, at viewports between 768px and 996px the filters don't wrap correctly

Steps to reproduce

  1. Resize your browser to ~800px
  2. Browse to /-/analytics/cycle_analytics
  3. Select any group
  4. Watch in horror 😱

Example Project

Currently happening on staging and production

What is the current bug behavior?

Cycle analytics filters at mobile viewport

What is the expected correct behavior?

Filters should stack nicely

Possible fixes

Fix the media css classes applied to the container and elements