Cycle Analytics > Make mobile friendly

Currently the second iteration of Cycle Analytics is set to have a min width to accommodate the lack of mobile friendly design. We should design a mobile version to be implemented like we did for the first iteration.

cc @hazelyang @awhildy

Proposal

For mobile

  • Pipeline Health Data

if the screen >= 375px, we can group them by 3.

if the screen < 375px, I think we still have to keep it stack vertically. 🙂

  • Issue (Similar layouts: Code, Review, and Production)

cycle-analytics--issue01

  • Plan cycle-analytics--plan

  • Staging cycle-analytics--staging

  • Test cycle-analytics--test

  • Empty State cycle-analytics--empty_no-data

  • Empty State -- Test cycle-analytics--test_empty

  • Scrolling in "Related Issue" section. cycle-analytics--issue02

For tablet

  • cycle-analystic-tablet

  • Empty state -- Test cycle-analystic_empty-tablet

Edited by 🤖 GitLab Bot 🤖