From 5cf320390e9dfe4fbd076d91f0ce7d65c5f9ea53 Mon Sep 17 00:00:00 2001
From: Michael Hartung <michi@Michaels-MacBook-Pro.local>
Date: Thu, 30 Sep 2021 15:56:46 +0200
Subject: [PATCH] fulll opacity for pie chart nodes
---
src/app/utils.ts | 4 +++-
src/stylesheets/styles.scss | 4 ++--
src/stylesheets/variables.scss | 4 +++-
3 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/app/utils.ts b/src/app/utils.ts
index 8fe3cdb9..9de0924c 100644
--- a/src/app/utils.ts
+++ b/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();
diff --git a/src/stylesheets/styles.scss b/src/stylesheets/styles.scss
index 36d15ea2..aa5e9f9a 100644
--- a/src/stylesheets/styles.scss
+++ b/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;
}
}
diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss
index f4ca8471..30603199 100644
--- a/src/stylesheets/variables.scss
+++ b/src/stylesheets/variables.scss
@@ -1,3 +1,6 @@
+// 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
--
GitLab