Cause: QueryBrowser empty state has min-height style defined
Consequence: When a QueryBrowser chart was placed in a card on the new resource metrics tab, the height of empty state cards was different than non-empty state cards
Fix: Make resource metric cards static height and remove min-height styles from empty state.
Result: All cards are now the same height when displaying charts or empty states.
Created attachment 1794416[details]
Screenshot
See screenshot. The empty state card is a different height than the metrics cards with content, causing a minor layout issue on the workload Metrics tabs.
Haven't had a chance to look into this yet, but I suspect that the empty CPU metrics is related to the dev console bug where the PromQL query was wrong.
Started work on this and was able to address the empty state height issue easily enough, but also ran into resizing issues on the resource metrics tab. I might just go ahead and open a PR for this and a separate bug for the resizing issue.
Created attachment 1810650[details]
CardsSameHeight
ClusterVersion:
4.9.0-0.nightly-2021-08-02-145924
Steps to verify:
1. login to console
2. navigate to workloads>deployments
3. go to any deployments details by clicking on details and click Metrics
Now the cards are all same height.
navigate to other workloads like pods and notice that the cards are the same height.
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.
For information on the advisory (Moderate: OpenShift Container Platform 4.9.0 bug fix and security update), and where to find the updated
files, follow the link below.
If the solution does not work for you, open a new bug report.
https://access.redhat.com/errata/RHSA-2021:3759
Created attachment 1794416 [details] Screenshot See screenshot. The empty state card is a different height than the metrics cards with content, causing a minor layout issue on the workload Metrics tabs.