Timeline sidebar UI issues. | World Anvil

Remove these ads. Join the Worldbuilders Guild

Timeline sidebar UI issues.

closed
· Timelines ·
By DMFW on 04/18/2024
· Assigned to Xuroth
· UI/UX

I have too many timelines to be shown in the new sidebar and cannot select the ones that overflow at the bottom. Although I appreciate I could use the filter at the top of the side bar, I still need to know what to filter on, which relies on me remembering the names of timelines that aren't displayed. Some way of scrolling in that sidebar would be useful.   Another issue in the same UI element is that there is not enough room to see long names. I have named related timelines with the same prefix to group them together, but then the interesting text that distinguishes them runs off the right hand side of the display, making it hard to pick the one I want to edit. As a work around I can shorten the prefix (which I have done) but since the name in the list is also the name of the timeline when displayed, I lose a good descriptive name which I wanted for the timeline heading. I'd welcome a few more characters and perhaps a smaller font, but even better would be if either the text could wrap or we could have a tooltip to show the full thing when there is ambiguity.

Steps to Reproduce

Have at least 15 timelines in a world. Observe that the 14th in the sidebar is partially covered by the Create button and that there is no way to see any ones after this (except by filtering). Observe that when using long timeline names like:- "Magicians' End Cities : Quarowl" and "Magicians' End Cities : Katrapetch" they are indistinguishable (which of course of worse the more city timelines you have...)

Operating System

Windows

Browser

Google Chrome

History

Xuroth @ 19 Apr, 2024 02:28:21 Assignee

Hello!   The lists you open by clicking on the sidebar (Timelines, Maps, etc.) should be scrollable, though they don't show a scrollbar (the scrollbar is set to be invisible for the sidebar, and that carries over to the lists). Nevertheless, you should still be able to scroll the lists.   As for the long text for the items being truncated, we have a couple of ideas how to resolve this. The reason the text looks cutoff even though it looks like there's more space is that there are buttons taking up the space - they're just invisible until you hover over a list item. As I mentioned, we have a couple of ideas on how to better handle this in the works.

Xuroth @ 19 Apr, 2024 02:28:35 Assignee
Assigned Xuroth
Xuroth @ 19 Apr, 2024 02:28:53 Assignee
Xuroth Added tag UI/UX
DMFW @ 20 Apr, 2024 09:26:26

Thanks for the response. Scrolling is working on the sidebar, which is great, and I understand why it is better to have the scroll bar as invisible to save on screen space. I'd just struggled to see how to do it. I see what mean about the hidden buttons taking up room. I'll be interested to see what you come up with as an option to see more of the text.

Xuroth @ 26 Apr, 2024 08:29:21 Assignee

I've recently deployed a fix for both of these issues. Can you please check and confirm that there is a scrollbar indicator when the list has enough items to scroll, and that you can see more of each item's title? This likely isn't perfect as it will still hide a large word with an ellipsis if it shows near the breakpoint, but the buttons should no longer be taking up so much space. (Please hard refresh prior to testing)

DMFW @ 26 Apr, 2024 10:50:31

I've retested by reverting to the original longer names on my timelines and it is much better after the fix, thanks. Everything is now uniquely identifiable using the names I wanted and at least in my case, an ellipsis near the breakpoint isn't a problem. The scroll bar is also working and does make it easier to use, especially with a track pad so I appreciate that change as well. All looks great :-)

Xuroth @ 27 Apr, 2024 07:46:48 Assignee
set this bug to closed