Fix Bug 2339:Responsiveness issue in UI if name(NSD/VNFD/VIM) is too long 49/14349/2
authorSANDHYA.JS <sandhya.j@tataelxsi.co.in>
Wed, 6 Mar 2024 09:23:34 +0000 (14:53 +0530)
committerjssan <sandhya.j@tataelxsi.co.in>
Fri, 31 May 2024 06:31:51 +0000 (08:31 +0200)
-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)

src/assets/scss/app.scss

index 337d6aa..abb0be9 100644 (file)
@@ -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 *****************/
   /****************************************************************************/