[
https://issues.apache.org/jira/browse/HDDS-9622?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17798567#comment-17798567
]
Abhishek Pal edited comment on HDDS-9622 at 12/19/23 12:41 PM:
---------------------------------------------------------------
Hello [~ivanandika], so I had tried out using the Grid approach as you said,
but it was not very productive.
I had taken the following workaround:
- Create two Plots, one with just the graph, one with just the labels.
- Each of the plots will be put under a AntD <Col> element. Both will be having
xs={24} i.e full length on small screen, and 3/4th for the actual plot, and 1/4
width allocated for legends on a large screen.
However this was not of much use.
I have instead raised [PR #5830|https://github.com/apache/ozone/pull/5830],
where I am setting the values for the plot according to the screen-size (width
and height), and changing the params being passed to plotly accordingly.
was (Author: JIRAUSER291782):
Hello [~ivanandika], so I had tried out using the Grid approach as you said,
but it was not very productive.
I had taken the following workaround:
- Create two Plots, one with just the graph, one with just the labels.
- Each of the plots will be put under a AntD <Col> element. Both will be having
xs={24} i.e full length on small screen, and xl={18}, {6}, so 3/4th for the
actual plot, and 1/4 width allocated for legends on a large screen.
However this was not of much use.
I have instead raised [PR #5830|https://github.com/apache/ozone/pull/5830],
where I am setting the values for the plot according to the screen-size (width
and height), and changing the params being passed to plotly accordingly.
> [Recon] Disk Usage Legend Labels are large then UI is breaking
> ----------------------------------------------------------------
>
> Key: HDDS-9622
> URL: https://issues.apache.org/jira/browse/HDDS-9622
> Project: Apache Ozone
> Issue Type: Bug
> Components: Ozone Recon
> Reporter: Pratyush Bhatt
> Assignee: Abhishek Pal
> Priority: Major
> Labels: pull-request-available
> Attachments: image-2023-11-03-10-37-30-911.png
>
>
> If volume name length is large, then the legend alignment is failing.
> !image-2023-11-03-10-37-30-911.png|width=500,height=396!
> Also can see the volume names are cut partially left and right.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
