mgr/dashboard: make multi-cluster context switcher scrollable if we have many entries...

Fixes: https://tracker.ceph.com/issues/67069
Signed-off-by: Aashish Sharma <aasharma@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
index 56dc7e749a3ed851c14ec4b9f3c4fc78fd6a9a16..afd330e7e4d7e374b610af472e2e1486f15fd03a 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
@@ -32,6 +32,13 @@ cds-header-item {
   margin-left: 6rem;
 }
 
+::ng-deep .cds--header__menu-title[aria-expanded='true'] + .cds--header__menu {
+  max-height: 300px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  width: auto;
+}
+
 ::ng-deep cd-navigation .cd-navbar-top {
   .cd-navbar-brand {
     background: vv.$secondary;