Fix Bug 2339:Responsiveness issue in UI if name(NSD/VNFD/VIM) is too long

[osm/NG-UI.git] / src / assets / scss / app.scss

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index cb96c93..abb0be9 100644 (file)
--- 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 *****************/
   /****************************************************************************/
@@ -858,3 +866,34 @@ body {
     border: none;
   }
 }
+
+/****************************************************************************/
+/************************** HEALING STYLE ***********************************/
+/****************************************************************************/
+
+app-healing {
+  .card {
+    border-radius: 15px;
+    width: auto;
+    height: auto;
+    margin-bottom: 5px;
+  }
+
+  .card-body {
+    flex: 1 1 auto;
+    min-height: 1px;
+    padding: 5px;
+  }
+
+  .form-group {
+    margin-bottom: 1px;
+  }
+
+  .col-sm-1 {
+    bottom: 20px;
+  }
+
+  .col-5 {
+    left: 79px;
+  }
+}