ontime
ontime copied to clipboard
Style: scale gracefully in large screens
The issue
Testing out ontime on screens larger than HD, we see that there is a large gap left on the right side.
The task
The task steps are a bit up to experimentation, ideally by someone with a wide screen and some CSS patience.
The task only concerns with the main app route /editor (in the screenshot)
While we might not be able to scale indefinitely there might be some things we can do:
- Increate root font size to
17px: this will allow the text to take more space, and potentially improve experience in high-density screens - Allow rundown column to expand: Currently the rundown is capped at
44.5rem, a simple change to allow expansion could go a long way. I have tested withminmax(44.5rem, 1000px)and it seemed ok, although a real value might take some experimentation - Allow central column to grow: the central column is capped at
26rem, I have not experimented but assume this could grow slightly without issues. It would take some experimentation - Allow rightmost column to grow: similar as the rest, this one is capped at
800px, It would be interesting to see if we could grow this
Will be looking into this next
This was an issue related to v2. V3 could likely have similar issues but they should be detailed again