Visually distinguish log divider from commit-graph line. #300
Conversation
The divider between the logs' commit graph and messages sections used the the primary accent color, which is bright and powerful, just like the commit-graph lines right next to it. To create visual difference between the commit graph and the draggable divider, make the divider less noticeable by coloring it in the background color. Also make it wider, so it becomes more like the padding elsewhere. This makes it clearer that it's a UI thing, not a graph thing.
|
Hello, The width of the line and being next to the commit messages should make it distinctive enough, but perhaps it's not. However, the updated version has too low of a contrast, I don't really see it as a good alternative. Perhaps something better could be changing the line to have some kind of different pattern instead of a simple straight line. In other words, while it can be improved for sure, I'm not a fan of simply reducing it's color and contrast. I think this requires a bit of UX research and testing. Perhaps you could open an issue with the same info as this PR and can be planned. Thank you! |
|
I think, it would better to have slightly different background color for graph to show where the graph ends. The similar approach is used by GitKraken. It also have a non-continuous line between commit graph and messages; the rows has spaces between them and line cover only content area of the row, bot not space between them. |
The divider between the logs' commit graph and messages sections used the the primary accent color, which is bright and powerful, just like the commit-graph lines right next to it.
The only reliable way to see they're different is the way the divider line extends up into the header bar.
However, that is quite some eye-moving distance away from most of the view area.
To create visual difference between the commit graph and the dragable divider, make the divider less noticeable by coloring it in the "surface" color.
Also make it wider, so it becomes more like the padding elsewhere. This makes it clearer that it's a UI thing, not a graph thing.
Screenshots of before and after:
Before: Which is the divider, which is commit graph?
After: surface-coloured, wide line is more clearly a UI element, not a branch-line:
