X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fassets%2Fscss%2Fapp.scss;h=cb96c93dd1aa6f673b2954457648474e7c4e6c38;hb=5f8c802910e7c64d476296448487b9cfa774380d;hp=8dd8399f65c80407263fadb62cbe484135fc2221;hpb=f2ae5462f9c1d6b7a649eb389c5a4c990501b5c4;p=osm%2FNG-UI.git

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 8dd8399..cb96c93 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;
 }
@@ -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 ***********************/
   /****************************************************************************/