I'm not done with this interface improvement push. Here are my
(1) Right now, pressing "Declutter" or "Details" is a server
(2) Decluttered should be the default. Currently Details is the
default. I spent a lot of time experimenting last night, and what I
found myself doing every time I encountered a timeline was immediately
pressing the "Declutter" button to get a high-level overview of the
graph, then clicking on "Details" if I wanted to see more. From that
experience, I think coming up in Decluttered mode would be a much
(3) Details/Declutter for the entire graph is good and should be kept.
But it would be even better to be able to see the details of
individual timeline entries. I'm thinking that timelines come up in
decluttered mode (showing only the check-in comment for each entry)
but with ellipses or some other small icon at the end of each comment
that you can click on to expand the details.
You can help! Send me your ideas of what you think timelines should
look like. Even better: send me mock-ups. Static HTML pages that
you have hand-edited will be fine - just be sure to include the CSS,
or better, put all the CSS in-line on your hand-edited mockup.
You can also keep experimenting with the code I have on-line and send
me your complaints and suggestions for improvement.
Web developers - help me with this: For item (3) above, how can I
make the ellipsis or icon to "show more detail" configurable using
CSS? What's the best way to handle that so that people can customize
the look for various skins?
> Web developers - help me with this: For item (3) above, how can I
> make the ellipsis or icon to "show more detail" configurable using
Declare two different CSS classes: one is the "hidden" one which does not show the content, and the other is the "shown" one which shows the content with whatever style you want. Use an "onclick" event on the ellipsis which swaps the class for the appropriate details from one to the other.