nishita-09 commented on code in PR #26768:
URL: https://github.com/apache/flink/pull/26768#discussion_r2195822806
##########
flink-runtime-web/web-dashboard/src/app/pages/job/overview/chart/job-overview-drawer-chart.component.html:
##########
@@ -26,14 +26,16 @@
nzShowSearch
[nzPlaceHolder]="'Select Metric Name'"
(ngModelChange)="updateMetric($event)"
+ nzDropdownMatchSelectWidth="false"
+ [nzDropdownStyle]="{ 'min-width': dropdownWidth + 'px', 'max-width':
'80vw' }"
Review Comment:
@gustavodemorais we are going to use 80% of the view port of the **parent
component** at max. For all the other ranges : metric names which are medium
large to small upon selection and changes in the list the drop down component
width would change. And based upon current selection the **Add metric**
component width would also get adjusted.
[https://drive.google.com/file/d/13ONAlsQ-XeW5_0SSiA_x3H7aPGVJAVX2/view?usp=sharing](Varying
metric lengths)
[https://drive.google.com/file/d/12nV_gk2Df6awtlTGc_P-P4GEAWI9G37y/view?usp=sharing](Varying
Screen Size)
--
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]
