Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: use nivo responsive bar chart for progress and criticality bar #2639

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

meretp
Copy link
Contributor

@meretp meretp commented May 29, 2024

Summary of changes

To improve the progress bar this PR adds a new library nivo and introduces a ResponsiveBar.

Context and reason for change

fixes part of #2622

How can the changes be tested

Open OpossumUI and play around with the progress/criticality bar.

Note: Please review the guidelines for contributing to this repository.

@meretp meretp force-pushed the feat/improve-progress-bar branch 3 times, most recently from 2b8093a to 263b82b Compare May 29, 2024 08:42
@meretp meretp force-pushed the feat/improve-progress-bar branch 5 times, most recently from bd0f00b to 70a2cdb Compare June 24, 2024 11:11
@meretp meretp marked this pull request as ready for review June 24, 2024 11:46
@mstykow mstykow self-assigned this Jun 26, 2024
src/Frontend/Components/ProgressBar/ProgressBar.util.tsx Outdated Show resolved Hide resolved
src/Frontend/Components/ProgressBar/ProgressBar.util.tsx Outdated Show resolved Hide resolved
src/Frontend/Components/ProgressBar/ProgressBar.util.tsx Outdated Show resolved Hide resolved
margin: 2,
fontWeight: 500,
position: 'relative',
top: 100,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the positioning is not working consistently: depending on the bar's mode, the tooltip appears higher or lower below the cursor. could you find a way to make the positioning consistent?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is still to do, but so far I couldn't find a way.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok, i'll have a look

src/Frontend/Components/ProgressBar/ProgressBar.util.tsx Outdated Show resolved Hide resolved
src/Frontend/Components/ProgressBar/ProgressBar.tsx Outdated Show resolved Hide resolved
src/Frontend/Components/ProgressBar/ProgressBar.tsx Outdated Show resolved Hide resolved
src/Frontend/Components/ProgressBar/ProgressBar.tsx Outdated Show resolved Hide resolved
src/Frontend/Components/ProgressBar/ProgressBar.util.tsx Outdated Show resolved Hide resolved
@meretp meretp force-pushed the feat/improve-progress-bar branch 2 times, most recently from 3cd1ce4 to f5db9c1 Compare September 20, 2024 05:37
src/Frontend/Components/ProgressBar/ProgressBar.util.tsx Outdated Show resolved Hide resolved
margin: 2,
fontWeight: 500,
position: 'relative',
top: 100,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok, i'll have a look

meretp and others added 3 commits September 28, 2024 16:20
There are still some issues:
1. the position differs between tooltip modes
2. when resizing the window down, the new bar chart does not resize itself thus causing x-overflow

Signed-off-by: Maxim Stykow <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants