Project

General

Profile

Actions

Patch #32162

open

Improved progress bars for issues and versions

Added by Bernhard Rohloff over 4 years ago. Updated over 4 years ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:

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


Files

issue_details.png (83.5 KB) issue_details.png Bernhard Rohloff, 2019-09-27 17:44
version.png (41.1 KB) version.png Bernhard Rohloff, 2019-09-27 17:44
issue_list.png (86.2 KB) issue_list.png Bernhard Rohloff, 2019-09-27 17:44
version_overview.png (70 KB) version_overview.png Bernhard Rohloff, 2019-09-27 17:44
progress_bar_recreate.diff (7.76 KB) progress_bar_recreate.diff Bernhard Rohloff, 2019-09-27 17:49
round-progress-bars.png (1.59 KB) round-progress-bars.png Bernhard Rohloff, 2019-09-28 10:50
Actions #1

Updated by Anonymous over 4 years ago

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

Actions #2

Updated by Bernhard Rohloff over 4 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. :-)

Actions #3

Updated by Anonymous over 4 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.

Actions

Also available in: Atom PDF