X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fassets%2Fscss%2Fapp.scss;h=abb0be9d13169bf00210bc5890c607ded6559463;hb=29c52a9b8f1c467c7a77c2c374ba26bbf99a1781;hp=2e2eb9215228bec6d013b4cf42c1da55a3d41207;hpb=9bae4601cd9e100e9e512f76f2a768dd7a886cdc;p=osm%2FNG-UI.git

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 2e2eb92..abb0be9 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -16,9 +16,11 @@
  Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
  */
 /** Styles for the application **/
+@use "sass:math";
+
 @import "../../assets/scss/mixins/mixin";
 @import "../../assets/scss/variable";
-$customnavbar-padding-x: ($spacer / 0.5) !default;
+$customnavbar-padding-x: math.div($spacer, 0.5) !default;
 * {
   outline: 0;
 }
@@ -38,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);
   }
@@ -266,6 +269,7 @@ body {
   }
   .resources-chart-popover {
     max-width: 60% !important;
+    width: 600px !important;
     @include font-family("Roboto");
     .popover-body {
       max-height: 60vh;
@@ -513,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 *****************/
   /****************************************************************************/
@@ -855,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;
+  }
+}