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

Bug 1798827: Monitoring Dashboards: Limit bar chart height #4219

Conversation

kyoto
Copy link
Member

@kyoto kyoto commented Feb 6, 2020

Uses a gradient at the bottom of the card to indicate it is scrollable.

screenshot

@openshift-ci-robot
Copy link
Contributor

@kyoto: This pull request references Bugzilla bug 1798827, which is valid. The bug has been moved to the POST state. The bug has been updated to refer to the pull request using the external bug tracker.

In response to this:

Bug 1798827: Monitoring Dashboards: Limit bar chart height

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@openshift-ci-robot openshift-ci-robot added bugzilla/valid-bug Indicates that a referenced Bugzilla bug is valid for the branch this PR is targeting. size/S Denotes a PR that changes 10-29 lines, ignoring generated files. approved Indicates a PR has been approved by an approver from all required OWNERS files. component/core Related to console core functionality component/monitoring Related to monitoring labels Feb 6, 2020
@kyoto
Copy link
Member Author

kyoto commented Feb 6, 2020

/retest

@@ -24,6 +28,8 @@
.monitoring-dashboards__panel {
height: calc(100% - 20px);
margin: 0 -5px 20px -5px;
max-height: 400px;
Copy link
Member

Choose a reason for hiding this comment

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

Will this add a scrollbar to some tables? That might be a little awkward since we have paging. I'd think we either want to scroll or page.

Copy link
Member Author

Choose a reason for hiding this comment

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

Thanks @spadgett, good point.

I changed the PR so that max-height only applies to panels with gradient set to true.

return (
<div className={`col-xs-12 col-sm-${colSpanSm} col-lg-${colSpan}`}>
<DashboardCard className="monitoring-dashboards__panel">
<DashboardCard className="monitoring-dashboards__panel" gradient={isBarChart}>
Copy link
Member

Choose a reason for hiding this comment

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

Any reason not to use the gradient for any scrolling panel? I assume you only see the effect if there is content hidden.

Copy link
Member Author

Choose a reason for hiding this comment

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

The gradient effect is actually added to the bottom of the panel even if there is no hidden content.

The bar chart has enough space at the bottom for the last bar to not be covered by the gradient.

@kyoto kyoto force-pushed the monitoring-dashboards-fix-panel-heights branch from b49b757 to 24ea2b3 Compare February 14, 2020 04:37
Copy link
Member

@spadgett spadgett left a comment

Choose a reason for hiding this comment

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

/lgtm

@openshift-ci-robot openshift-ci-robot added the lgtm Indicates that a PR is ready to be merged. label Feb 14, 2020
@openshift-bot
Copy link
Contributor

/retest

Please review the full test history for this PR and help us cut down flakes.

@openshift-ci-robot openshift-ci-robot added the needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. label Feb 14, 2020
Uses a gradient at the bottom of the card to indicate it is scrollable.
@kyoto kyoto force-pushed the monitoring-dashboards-fix-panel-heights branch from 24ea2b3 to 085250c Compare February 15, 2020 11:29
@openshift-ci-robot openshift-ci-robot removed lgtm Indicates that a PR is ready to be merged. needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. labels Feb 15, 2020
@kyoto
Copy link
Member Author

kyoto commented Feb 15, 2020

Rebased

@kyoto
Copy link
Member Author

kyoto commented Feb 15, 2020

/retest

Copy link
Member

@spadgett spadgett left a comment

Choose a reason for hiding this comment

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

/lgtm

@openshift-ci-robot openshift-ci-robot added the lgtm Indicates that a PR is ready to be merged. label Feb 15, 2020
@openshift-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: kyoto, spadgett

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@openshift-bot
Copy link
Contributor

/retest

Please review the full test history for this PR and help us cut down flakes.

3 similar comments
@openshift-bot
Copy link
Contributor

/retest

Please review the full test history for this PR and help us cut down flakes.

@openshift-bot
Copy link
Contributor

/retest

Please review the full test history for this PR and help us cut down flakes.

@openshift-bot
Copy link
Contributor

/retest

Please review the full test history for this PR and help us cut down flakes.

@openshift-merge-robot openshift-merge-robot merged commit e8a7157 into openshift:master Feb 15, 2020
@openshift-ci-robot
Copy link
Contributor

@kyoto: All pull requests linked via external trackers have merged. Bugzilla bug 1798827 has been moved to the MODIFIED state.

In response to this:

Bug 1798827: Monitoring Dashboards: Limit bar chart height

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@kyoto kyoto deleted the monitoring-dashboards-fix-panel-heights branch February 16, 2020 03:57
@spadgett spadgett added this to the v4.4 milestone Feb 17, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. bugzilla/valid-bug Indicates that a referenced Bugzilla bug is valid for the branch this PR is targeting. component/core Related to console core functionality component/monitoring Related to monitoring lgtm Indicates that a PR is ready to be merged. size/S Denotes a PR that changes 10-29 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants