devabhishekpal opened a new pull request, #5830: URL: https://github.com/apache/ozone/pull/5830
## What changes were proposed in this pull request? HDDS-9622. Added responsive functionality for Disk Usage chart Please describe your PR in detail: * Currently we have a Disk Usage page in Ozone Recon, which displays the space occupied by various keys, buckets and volumes. * However when we these entity names are very large, the label overlaps the Pie Chart that is rendered as a part of the UI to show the usage. * This change will introduce a more responsive approach to displaying the labels, where we change the layout based on the window size (height and width). * If we are having a large display size, we should be able to display the information beside the chart, else we should break the labels down to the next row. ## What is the link to the Apache JIRA https://issues.apache.org/jira/browse/HDDS-9622 ## How was this patch tested? This was a UI related patch and was tested manually. * When we have small-medium label lengths: <img width="1711" alt="Screenshot 2023-12-19 at 17 52 03" src="https://github.com/apache/ozone/assets/43001336/434845ba-ce78-4380-8022-bdaa2c3fbcc0";> <img width="1728" alt="Screenshot 2023-12-19 at 17 52 44" src="https://github.com/apache/ozone/assets/43001336/a472a9ea-c5bc-43c3-a70c-64d1dfc4bacd";> * When we are having larger label lengths: https://github.com/apache/ozone/assets/43001336/9f38a6af-a517-4583-a159-7e9c0064b841 -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
