So I started contributing to Duplicati on Github and have knocked out a few small UI issues so far.
I came across this one: https://github.com/duplicati/duplicati/issues/3106
This is an issue that I, myself, have because I like to use very descriptive names in my backups (usually outlining the source and dest in the title) that end up being long.
Based on the current way the UI displays the State in the bar, it shows:
[Backup Name]: [Progress]
This looks like this in the UI with a long name:
As you can see… It makes the actual important status info unusable in most cases.
I considered many options and would like to run them by you.
- I can simply remove the fixed width that will help make the bar bigger on wider screens. However, this has some negative impacts. It will not be useful for smaller screens with long backup names and also has a tendency to knock out the pause and throttle buttons on the right in certain browser widths.
- Swap the two items, such that the Progress is shown first and the name second.
It will look like this:
I think number 2 is the better option when considering the long-term value.
The most important info (status) is shown first and the backup name is shown second.
In addition, if you would like (and allow me), I would like to include the jQuery Marquee plugin to make the name marquee across the bar while keeping the status always visible, allowing the user to see the full name, regardless of the length.
Backup Status (Still): Backup Name (Marquee right to left)
Please let me know what you guys think.
I would like to implement whichever you think will be a better option.
@JonMikelV - Please Re-categorize if this does not belong here.