Fix Bug 2336: Manual Healing option in Ui

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

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 8dd8399..337d6aa 100644 (file)
--- 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;
 }
@@ -37,7 +39,8 @@ body,
 .layout-wrapper,
 .CodeMirror-vscrollbar,
 .ng-sidebar,
-.runninginstances .popover-body {
+.runninginstances .popover-body,
+.resources-chart-popover .popover-body {
   &::-webkit-scrollbar {
     @include wh-value(10px, null);
   }
@@ -149,7 +152,7 @@ body {
     padding-right: 0px;
   }
   .mandatory-label {
-    @include font(null, 10px, null);
+    @include font(null, 11px, null);
   }
   .dropzone {
     min-height: 50px;
@@ -263,6 +266,15 @@ body {
       overflow-y: scroll;
     }
   }
+  .resources-chart-popover {
+    max-width: 60% !important;
+    width: 600px !important;
+    @include font-family("Roboto");
+    .popover-body {
+      max-height: 60vh;
+      overflow-y: scroll;
+    }
+  }
   /****************************************************************************/
   /************************** Smart table custom design ***********************/
   /****************************************************************************/
@@ -846,3 +858,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;
+  }
+}