feat: increase namespace dropdown panel height for better UX (#6405)#10162
feat: increase namespace dropdown panel height for better UX (#6405)#10162Antonio-Caiazzo wants to merge 2 commits intokubernetes-retired:masterfrom
Conversation
|
[APPROVALNOTIFIER] This PR is NOT APPROVED This pull-request has been approved by: Antonio-Caiazzo The full list of commands accepted by this bot can be found here. DetailsNeeds approval from an approver in each of these files:Approvers can indicate their approval by writing |
|
Welcome @Antonio-Caiazzo! |
|
The Kubernetes project currently lacks enough contributors to adequately respond to all PRs. This bot triages PRs according to the following rules:
You can:
Please send feedback to sig-contributor-experience at kubernetes/community. /lifecycle stale |
|
The Kubernetes project currently lacks enough active contributors to adequately respond to all PRs. This bot triages PRs according to the following rules:
You can:
Please send feedback to sig-contributor-experience at kubernetes/community. /lifecycle rotten |
|
The Kubernetes project currently lacks enough active contributors to adequately respond to all issues and PRs. This bot triages PRs according to the following rules:
You can:
Please send feedback to sig-contributor-experience at kubernetes/community. /close |
|
@k8s-triage-robot: Closed this PR. DetailsIn response to this:
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-sigs/prow repository. |
What this PR does
Increases the dropdown panel height for the namespace selector to 600px using
::ng-deep .mat-select-panel. This improves usability in environments with many namespaces, allowing more options to be visible without excessive scrolling.Why it's needed
Fixes #6405. The default dropdown height is too restrictive when handling clusters with a large number of namespaces, making selection inconvenient.
Implementation Notes
style.scssof the namespace selector component.!importantwas used because Angular Material styles are deeply scoped and cannot be overridden otherwise.::ng-deepwas necessary to penetrate view encapsulation and apply the rule globally.