From: SANDHYA.JS <sandhya.j@tataelxsi.co.in>
Date: Wed, 6 Mar 2024 09:23:34 +0000 (+0530)
Subject: Fix Bug 2339:Responsiveness issue in UI if name(NSD/VNFD/VIM) is too long
X-Git-Url: https://osm.etsi.org/gitweb/?a=commitdiff_plain;h=29c52a9b8f1c467c7a77c2c374ba26bbf99a1781;hp=319d328d0bbb1e156ac767851c8c33acb518dc94;p=osm%2FNG-UI.git

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>
---

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 @@ body,
 .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 @@ body {
       }
     }
   }
+  .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 *****************/
   /****************************************************************************/