fulll opacity for pie chart nodes

src/app/utils.ts

@@ -155,7 +155,9 @@ export function pieChartContextRenderer({ ctx, x, y, state: { selected, hover },
       ctx.shadowBlur = 10;
     }
 
-    ctx.fillStyle = style.color ? style.color : "red";
+    ctx.fillStyle = style.color ? style.color : 'rgba(255, 0, 0, 1)';
+    // set alpha value to 1
+    ctx.fillStyle = ctx.fillStyle.replace(/[^,]+(?=\))/, '1')
     ctx.strokeStyle = "black";
     ctx.lineWidth = 2;
     ctx.beginPath();

src/stylesheets/styles.scss

@@ -118,8 +118,8 @@
     /* Hide scrollbar for IE, Edge and Firefox */
     -ms-overflow-style: none; /* IE and Edge */
     scrollbar-width: none; /* Firefox */
-    @media only screen and (min-width: 1400px) {
-      max-width: $sidebar-max-width;
+    @media only screen and (min-width: #{$screen-lg}) {
+      max-width: 350px;
     }
   }
 

src/stylesheets/variables.scss

+// media queries
+$screen-lg: 1400px;
+
 $row-data-selector-height: auto;
 $network-header-height: 3rem;
 $network-footer-height: 4rem;
@@ -35,7 +38,6 @@ $legend-diamond-size: 25px;
 $height: 100%;
 
 $sidebar-width: 25%;
-$sidebar-max-width: 350px;
 $sidebar-min-width: 240px;
 
 // settings for different screen sizes