hsr-optimizer icon indicating copy to clipboard operation
hsr-optimizer copied to clipboard

[Bug] Optimizations sidebar is hidden on smaller screen sizes

Open tiffanynwyeung opened this issue 1 year ago • 0 comments

Motivation

Currently, the Optimization screen is not very mobile-friendly and the sidebar to see all permutations, results, add filters, and so forth gets hidden off-screen on smaller screen sizes/mobile. Users have to scroll horizontally in order to view and interact with it.

Steps to Reproduce

  1. Use a laptop
  2. Open the website
  3. Navigate to the Optimization tab
  4. Enjoy these pictures (on beta branch):

Sidebar open: image

Sidebar closed: image

Goal

It's been discussed that the best interaction may be to implement a few mobile breakpoints and redesign the sidebar to be a fixed footer on the bottom of the screen below certain screen sizes so that users can view and interact with the sidebar properly on smaller devices

tiffanynwyeung avatar Apr 22 '24 10:04 tiffanynwyeung