Patch #32162

Improved progress bars for issues and versions

Added by Bernhard Rohloff almost 3 years ago. Updated almost 3 years ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:-

Description

This patch implements an improved and more versatile version of the bar graphs shown for version and issue progress.
Despite the existing solution it's less restricted to a specific purpose. It's not limited to two stacked bars only and every bar can have it's own tooltip.
The bars can be styled as stack or next to each other. Label and graph are wrapped in a div which one can give a separate class and styling.
The progress bars in this patch are animated and have a subtle highlighting effect when they are hovered. The coloring fits the default theme and provides more contrast to the background.

I'm looking forward for your feedback. :-)

Issues

Versions

issue_details.png (83.5 KB) Bernhard Rohloff, 2019-09-27 17:44

version.png (41.1 KB) Bernhard Rohloff, 2019-09-27 17:44

issue_list.png (86.2 KB) Bernhard Rohloff, 2019-09-27 17:44

version_overview.png (70 KB) Bernhard Rohloff, 2019-09-27 17:44

progress_bar_recreate.diff Magnifier (7.76 KB) Bernhard Rohloff, 2019-09-27 17:49

round-progress-bars.png (1.59 KB) Bernhard Rohloff, 2019-09-28 10:50

History

#1 Updated by Anonymous almost 3 years ago

+1 :D
Do you think also having rounded corners edition could be good too? ;-)

#2 Updated by Bernhard Rohloff almost 3 years ago

Antonio McDeal wrote:

+1 :D
Do you think also having rounded corners edition could be good too? ;-)

A 50% border radius looks not too bad either. :-)

#3 Updated by Anonymous almost 3 years ago

I think I like rounded one better :D Maybe 25% border radius would also look quite cool.
We should probably add #32016 as related, so we could remember to close it later as well, in case rounded version of the bar in this patch will be committed here.

Also available in: Atom PDF