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

mgr/dashboard_v2: Improve charts tooltips #20757

Merged
merged 4 commits into from Mar 13, 2018
Merged

Conversation

tspmelo
Copy link
Contributor

@tspmelo tspmelo commented Mar 6, 2018

This PR adds custom tooltips to all the charts in the dashboard.

This will fix a current problem, where the tooltips would be cropped if its body was outside of the chart element (the original dashboard widgets had the same issue).

Old:
image image image

New:
image image image

@tspmelo
Copy link
Contributor Author

tspmelo commented Mar 7, 2018

Modified the font-family used in the tooltips to match the old one.

Copy link

@Devp00l Devp00l left a comment

Choose a reason for hiding this comment

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

Please add more type declarations to your code.

Copy link
Contributor

@ricardoasmarques ricardoasmarques left a comment

Choose a reason for hiding this comment

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

lgtm

Tiago Melo added 4 commits March 12, 2018 14:50
Added a new scss and class for the tooltip.

Signed-off-by: Tiago Melo <tmelo@suse.com>
Signed-off-by: Tiago Melo <tmelo@suse.com>
Signed-off-by: Tiago Melo <tmelo@suse.com>
Extracted the charts into a new component and it is now using a new tooltip.

Signed-off-by: Tiago Melo <tmelo@suse.com>
@tspmelo
Copy link
Contributor Author

tspmelo commented Mar 12, 2018

  • Fixed a problem in the calculation of the top position on sparkline charts.
  • added some types.
  • Remove 2 unused vars.

Copy link

@Devp00l Devp00l left a comment

Choose a reason for hiding this comment

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

lgtm

@LenzGr LenzGr merged commit be113e3 into ceph:master Mar 13, 2018
@tspmelo tspmelo deleted the wip-chart-tooltip branch March 13, 2018 16:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants