calendar: Redesign schedule view to be less crowded and more consise
Rationale: I would like to use schedule view, but find it overwhelming and crowded on my laptop screen. There are too much colours all over the place, and the information I care about (event name & time) is too scattered.
The two main information for each incidence (name & time) are currently on opposite ends of the screen. This makes it hard to parse at a glance, as your vision has to jump between either side. The incidence also take up the entire width of the screen, no matter how wide that is, which means the whole screen is coloured in different ways, making it (imo) quite overwhelming.
With this patch, I'm narrowing the incidences to add blank space, moving all most relevant information to the left side, downsizing the icons, and making incidences shorter whenever possible (events with no start/end time & done tasks are shortened). I also took the opportunity to re-work the code for computing the start & end of weeks, as it was wrong in my usual locale (fr-FR).
TODO
- Make this work with RTL languages
- Figure out better sizing for the dayColumn, currently using a hardcoded width of 700, but there may be a smarter way of figuring out the right width
- Potentially add more information about events (first few lines of description, location, etc.) since it feels much less cluttered and has visual space
- Check that everything is fine accessibility-wise
- Maybe find a way to distinguish better tasks and events?
- Get feedback on the design :) I'm not a designer, and don't want to claim that I found a perfect solution, and am very much open to suggestions on other improvements!
Before / after
