On Nov 24, 2017, at 7:35 AM, Richard Hipp <d...@sqlite.org> wrote:
>
> Which is better?
>
> A: https://www.fossil-scm.org/a/timeline
> B: https://www.fossil-scm.org/b/timeline
I prefer A because I don’t like having to dig for details. Hiding details
isn’t the answer to clutter. Drawing the eye to key details first is the right
path.
Here is a few minutes spent with option A’s CSS:
https://imgur.com/a/w0mGF
Key changes:
1. More “air” around each comment line
2 Slight opacity drop and font size drop on details span to deemphasize it
3. Details span pushed off to the lower right to visually separate it from the
comment
4. Extra “air” around details span; ditto
5. Borders added to separate timeline elements more clearly
Here are the CSS additions:
table.timelineTable {
border-collapse: separate;
}
td.timelineTableCell {
vertical-align: top;
text-align: left;
padding: 0.75em;
border: 1px #ccc solid;
border-radius: 1em;
}
span.timelineDetail {
font-size: 80%;
text-align: right;
float: right;
opacity: 0.75;
margin-top: 0.5em;
}
More could be done, but I think that shows the idea.
_______________________________________________
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
