omicsplayground icon indicating copy to clipboard operation
omicsplayground copied to clipboard

Published 20 hours ago • verified publisher icon bigomics

Improve responsiveness

Open stefanreifenberg opened this issue 3 years ago • 2 comments

The app is currently not responsive. We could integrate a grid system tied to common screen sizes via media queries. For instance on smaller screens the boards would be displayed as 1-2 columns and multiple rows preventing the plots from being squished.

stefanreifenberg avatar Apr 28 '22 06:04 stefanreifenberg

I noticed that too, I think the app is not properly using the flex grid. We could switch to using Bootstrap's built-in grid system. One thing though is that (I think) the app is designed as a dashboard where the "canvas" is always 100vh, there is never a vertical scroll bar. Using the grid would bring the scrollbar. @ivokwee what are your thoughts?

JohnCoene avatar May 09 '22 14:05 JohnCoene

Yes. We should go towards a responsive layout. Also responsive towards bigger screens is of importance. Everything on one page without scrolling was a design choice. We thought it was better to have multiple tabs rather than scrolling down. I definitely want to go mobile. But keep in mind that perhaps mobile might need a completely different UI if necessary. For example GitHub and the GitHub app are completely different.

ivokwee avatar May 09 '22 17:05 ivokwee

This issue is stale because it has been open for 30 days with no activity. It will close in 14 days.

github-actions[bot] avatar Dec 21 '22 23:12 github-actions[bot]

This issue was closed because it has been inactive for 14 days since being marked as stale.

github-actions[bot] avatar Jan 05 '23 23:01 github-actions[bot]

will do. closed.

ivokwee avatar Mar 03 '23 09:03 ivokwee