Trying to improve the UI - Feedback request
(1.2) By Richard Hipp (drh) on 2025-10-16 23:46:55 edited from 1.1 [source]
This original page is now obsolete. See the next update instead. The original is below, for reference.
I'm trying to improve the Fossil UI a little. This is your chance to provide input by giving A/B comparisons. NB: The links below are current as of the posting of this message, but might exhibit different behaviors in the future.
1.0 Timeline Display
A: https://fossil-scm.org/home/timeline?ss=m&y=a&n=100
B: https://fossil-scm.org/draft/timeline?ss=m&y=a&n=100
2.0 The /brtimeline page
A: https://www2.fossil-scm.org/home/brtimeline
B: https://fossil-scm.org/home/brtimeline
3.0 Timeline with the "ng" (no-graph) query parameter
(2) By SeverKetor on 2025-10-16 19:32:15 in reply to 1.0 [link] [source]
Timeline display: A. The B option just feels a bit clunky and slightly obfuscates the check-in.
/brtimeline: A again, it has more information shown and again B feels clunkier. Perhaps if the timeline td were smaller and the timeline button was replaced with the usual "check-in: 78b56efa user: drh"? But even then I think it could have an issue with long branch names not playing well with the formatting.
Timeline with ng: B. Makes it easier to quickly spot where commits are on different branches, especially when branch names are hidden behind an ellipsis, double especially when clicking the commit refuses to show the information (it works on B though, just not A. I don't even see any errors in the console other than "The page’s settings blocked an inline script" which appears on both pages)
(3) By anonymous on 2025-10-16 20:49:51 in reply to 1.1 [link] [source]
I prefer the options with the ordinary links. Clear, consistent, obvious, predictable.
The options with the buttons are blind links and I can't see where they go when the mouse is positioned over them. I worry they might change something with a "POST" request.
(4.1) By Andy Bradford (andybradford) on 2025-10-16 21:18:43 edited from 4.0 in reply to 1.1 [link] [source]
For 1.0: I prefer A because I use the "Classic View" for the timeline which has the link for the commit info as the first thing in element for each timeline entry and I already have a way to get to the same thing that B provides via a "Details" button. So for the "Classic View" the button seems a bit superfluous. Perhaps when using timeline views that already have the /info link in them, hide the "Details" button? For 2.0: Neither A nor B seem to be showing the same data (at least it doesn't seem so). I prefer the look of A which is titled "The initial check-in for each branch:", again because it has the same look and use as the "Classic View" timeline. B is titled "First check-in for every branch, starting with the most recent and going backwards in time." and it doesn't have a consistent look with the "Classic View" setting that I use. Furthermore, for B it doesn't seem possible to change the timeline view preference at all as can be done with A. I prefer A because it honors the timeline view setting. For 3.0: I prefer B because it has the colors.
(5) By Andy Bradford (andybradford) on 2025-10-16 21:28:24 in reply to 4.1 [link] [source]
> So for the "Classic View" the button seems a bit superfluous. And in fact, I really prefer the link at the left of the timeline entry, like: [ba434ab4] Leaf: Reformat the "extra" section of timeline entries. Very experimental. (user: drh tags: timeline-enhance-2025) Nice and clean and I can click on the hash if I want to view info. Seems like that's the very essence of "Classic View". Thanks, Andy
(6.1) By Richard Hipp (drh) on 2025-10-17 01:21:15 edited from 6.0 in reply to 1.1 [link] [source]
Further changes
4.0 Timeline.
Original versus the New look. Please experiment with various skins and formats. (Edit: Fixed "original" hyperlink.)
5.0 New /tarlist page
Follow the "Tarballs and Zips" link on the /sitemap page or use the hamburger menu.
(7) By sean (jungleboogie) on 2025-10-17 00:14:26 in reply to 6.0 [link] [source]
Original versus the New look. Please experiment with various skins and formats.
I think this is the URL for the new look https://www2.fossil-scm.org/home/timeline
Which i don't mind the commit messages being a bit closer to the graph.
(10) By Andy Bradford (andybradford) on 2025-10-17 01:45:57 in reply to 7 [link] [source]
> Which i don't mind the commit messages being a bit closer to the graph. I think they are closer because the different hosted sites have different values for Max lines displayed. If you set them both to 100 (or both to 50) they seem to have the same gap.
(8) By sean (jungleboogie) on 2025-10-17 00:17:13 in reply to 6.0 [link] [source]
How does the tarlist page work? Is there a setting on the file info page to make it a listing on the tarlist page?
(9) By Richard Hipp (drh) on 2025-10-17 01:19:58 in reply to 8 [link] [source]
The suggested-tarlist setting. There are instructions on the "Configuration" page under "Setup".
(11) By Andy Bradford (andybradford) on 2025-10-17 01:58:11 in reply to 6.1 [link] [source]
4.0 Timeline: Some views use hash instead of check-in. I think the word check-in might be more meaningful to some, even though hash is used synonymously. 5.0 /tarlist It might be nice when clicking on Context for it to open the Context in a separate tab, similar to how the /annotate page does when clicking on a given change. Maybe? Not sure.
(12) By Florian Balmer (florian.balmer) on 2025-10-17 07:45:27 in reply to 1.2 [link] [source]
General:
- Please keep text label
check-in:at the begging instead ofhash:at the end. - Please keep texts
LeafandClosed-leaf.
/brtimeline:
- Please allow to disable column mode.
- Replace the
timelinebutton by a clickable branch name. - Show the check-in hash.
- Please keep the
ubgquery parameter.
Thanks!
(15) By Richard Hipp (drh) on 2025-10-17 11:27:05 in reply to 12 [link] [source]
Please keep text label check-in: at the begging instead of hash: at the end.
Why? What purpose does this serve? "hash:" takes up less space, and by moving it to the end, it helps people to find it (no more searching in the middle of the text). And since "hash:" is arguably the most important parameter (which is why I experimented with putting it inside of <button>) it should be the easiest to locate.
Please keep texts Leaf and Closed-leaf.
Why? What useful purpose do these annotations serve? Why are they bold? Are they really that important? IIRC these annotations were added many years ago before the Left/Closed-leaf distinctions were incorporated into the graph nodes. Now that these attributes are clearly shown in the graph, it seems a pointless waste of space and user attention to include them in the attribute section of the timeline entry.
(16) By Florian Balmer (florian.balmer) on 2025-10-17 13:15:15 in reply to 15 [link] [source]
- The
/finfopage also sayscheck-in:, and hash would be ambiguous, so it's about consistency and clarity, and important things first. (BTW: Is/finfobroken? I don't see any arrows.) - The
leafandclosed-leaflabels provide useful and concise information. The cross-mark in the circle is subtle and maybe overlapped by the red selection-mark.
(17) By Florian Balmer (florian.balmer) on 2025-10-18 04:58:42 in reply to 16 [link] [source]
I don't think it makes sense to de-emphasize the leaf and closed-leaf labels, but emphasize the check-in hash: On a crowded timeline, it's important to quickly spot leaves to work with (review, update/switch to, merge; even if the corresponding graph circle is possibly several rails away). The check-in hash per se, as an alpha-numeric entity, is not important and doesn't need to stand out, but should be in a constant location (as it is, before user: and other tags) so it's easy to click it.
(18.2) By Stephan Beal (stephan) on 2025-10-18 09:19:38 edited from 18.1 in reply to 17 [link] [source]
I don't think it makes sense to de-emphasize the leaf and closed-leaf labels, but emphasize the check-in hash:
If everything is bold then nothing is bold. Why is it relevant, during everyday /timeline browsing, whether a given checkin is open or closed? That's a rhetorical question: 99 times out of a hundred, that info will not change any decision i'm making. Contrariwise, i'm frequently looking for the hash to copy or click and appreciate it now being bolded.
(19) By Daniel Dumitriu (danield) on 2025-10-18 09:34:56 in reply to 18.2 [link] [source]
I estimate that timeline leaf/not-leaf textualdistinction is important for about 1 in 1000 Fossil users, and that for about 1 in 10000 timeline visits, tops.
(20) By Florian Balmer (florian.balmer) on 2025-10-18 11:24:24 in reply to 18.2 [link] [source]
All my use of /timeline is about leaves: which one to check-out to work with, which one to merge, at which one to start when reviewing a branch? And the open / closed distinction is handy as a TODO list, i.e. anything open to be ontinued, merged, or reviewed?
(21) By Richard Hipp (drh) on 2025-10-18 11:58:41 in reply to 20 [link] [source]
Maybe you should use the /leaves page instead of /timeline?
(22) By Richard Hipp (drh) on 2025-10-18 16:35:06 in reply to 20 [link] [source]
Another option is to use the "Classic" view of the timeline, which still shows the bold "Leaf:" and "Closed-Leaf:" marks.
(23) By Florian Balmer (florian.balmer) on 2025-10-18 17:42:17 in reply to 22 [link] [source]
Couldn't the changes go as another new view option, same as the new "Simple View", so we can try and decide ourselves? My subjective impression is that Fossil quite often forces me to change my habits, workflows, and scripts.
(24) By Richard Hipp (drh) on 2025-10-19 20:42:31 in reply to 23 [link] [source]
There is now (yet another) setting: timeline-mark-leaves.
(26) By Florian Balmer (florian.balmer) on 2025-10-20 05:37:39 in reply to 24 [link] [source]
Thanks, that's certainly useful for my own repos.
Encapsulating all the current modifications in a new View Style would also allow users to choose their preferred views for fossil-scm.org and sqlite.org. Then yet another setting is not necessary, just the user cookie would save the preference.
(13) By ravbc on 2025-10-17 10:05:53 in reply to 1.2 [link] [source]
For the /brtimeline page, I think it is desirable to highlight the branch name, so I'd apply the bold from ver.B to ver.A (adding the branch name in compact view, where it is currently not shown at all)
The "Details" button could be useful for those unfamiliar with fossil.
(14) By Richard Hipp (drh) on 2025-10-17 10:12:41 in reply to 13 [link] [source]
The "Details" button could be useful for those unfamiliar with fossil.
Yes, that is the whole point of this exercise. Fossil has many hyperlinks. Newbies can easily become overwhelmed. I was trying to draw attention to the more important hyperlinks, and thereby make Fossil more useful to casual passers-by.
(25) By Richard Hipp (drh) on 2025-10-19 20:57:58 in reply to 1.2 [link] [source]
The results of these experiments are now summarized by the change log items 3 and 4 (all subitems).
Please review. If there are no serious problems reported I will merge these enhancements to trunk.
A recent version of the branch is installed on the server that is running this Forum so that you can test out the changes on-line. In the self-hosting Fossil repository, you can see the specific version that is actually running on the timeline because it has the "自" character (meaning "self") beside the "check-in:" detail. This is a change which is not mentioned in the change log because this feature can only occur on the self-hosting Fossil repository.
(27) By ravbc on 2025-10-20 09:19:27 in reply to 25 [link] [source]
it has the "自" character (meaning "self") beside the "check-in:" detail
Out of curiosity: why an unicode character? And a one that isn't included in the most popular fonts? For me it looked like an error artifact (because it didn't show up correctly - probably I don't have font with a glypth for it).
(28) By Stephan Beal (stephan) on 2025-10-20 09:55:08 in reply to 27 [link] [source]
Out of curiosity: why an unicode character?
Not an answer, but a bit of contextual trivia...
It was previously a "This is me!" label. In /chat i jokingly1 suggested that we change it to:
🙋
(Which you can hopefully see - it's one of the more common ones.)
As to why non-ASCII: no specific reason beyond moving with the times. The "this font doesn't have this glyph" problem is real, though.
- ^ Well, half jokingly.
(29) By Trevor (MelvaigT) on 2025-10-20 11:54:48 in reply to 27 [link] [source]
自 (if you can see it) is Chinese (simplified) for 'self'. It is also in the Kanji character set so maybe Japanese too - I am not enough of a linguist to be sure they use it with the same meaning.
So, 'most popular' in what context / on what platform? China is a big place...
As a datum, I have no issue with it, I'm on a pretty standard UK Windows 10 setup and it appears in both browser and email.
(30) By ravbc on 2025-10-20 17:41:27 in reply to 29 [link] [source]
Ok, "most popular" was not the best wording ;-) It turned out that on my platform "sans-serif" means a free font that I personally chose and as you might guess, this font doesn't contain many non-ASCII characters... ;-)
The main point was: why use a Unicode character at all if all the rest of fossil-generated text are generally plain English.
(31) By Trevor (MelvaigT) on 2025-10-20 20:07:06 in reply to 30 [link] [source]
Brevity and precision. It is a symbol rather than a word, in this context meaning specifically that this is the checkin from which the version of Fossil generating the display was compiled.
Similar to drawing an arrow instead of saying 'checkin x is based on checkin y'.
Personally I quite like the idea, though it can be overdone.
Trevor
(32.1) By ravbc on 2025-10-20 20:45:55 edited from 32.0 in reply to 31 [link] [source]
I understand its meaning and agree that shortening the text "This is me" was worthwhile. I was simply surprised by the choice of a character from the extended Unicode set, but that's none of my business anyway... ;-)
PS. This little thing took up way more space than it's worth. ;-)
(33) By sean (jungleboogie) on 2025-10-20 22:43:50 in reply to 1.2 [link] [source]
Thanks for all the improvements you made and the feedback you've solicited.