Fix Bug 2339:Responsiveness issue in UI if name(NSD/VNFD/VIM) is too long
-Added the horizonal scroll in the dropdown of ng-select
Change-Id: I1119e439c7c4c82f93b6da9be29b9212bba8c7b7
Signed-off-by: SANDHYA.JS <sandhya.j@tataelxsi.co.in>
(cherry picked from commit 29c52a9b8f1c467c7a77c2c374ba26bbf99a1781)
diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 337d6aa..abb0be9 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -40,7 +40,8 @@
.CodeMirror-vscrollbar,
.ng-sidebar,
.runninginstances .popover-body,
-.resources-chart-popover .popover-body {
+.resources-chart-popover .popover-body,
+.ng-dropdown-panel .scroll-host {
&::-webkit-scrollbar {
@include wh-value(10px, null);
}
@@ -516,6 +517,13 @@
}
}
}
+ .ng-dropdown-panel .scroll-host {
+ overflow-x: auto;
+ }
+ .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+ text-overflow: unset;
+ overflow: unset;
+ }
/****************************************************************************/
/******************** Custom nav section for default status *****************/
/****************************************************************************/