Uses percentages for line width in the NAD (#2264)

* Uses percentages for line width in the NAD --------- Signed-off-by: BOUTIER Charly <charly.boutier@rte-france.com> # Conflicts: # src/components/diagrams/networkAreaDiagram/network-area-diagram-content.jsx
gridsuite · Sep 24, 2024 · 20f50da · 20f50da
1 parent b0019d0
commit 20f50da
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/components/diagrams/networkAreaDiagram/network-area-diagram-content.jsx b/src/components/diagrams/networkAreaDiagram/network-area-diagram-content.jsx
@@ -93,6 +93,27 @@ const dynamicCssRules = [
         threshold: 2500,
         thresholdStatus: THRESHOLD_STATUS.ABOVE,
     },
+    {
+        cssSelector: '.nad-branch-edges .nad-edge-path, .nad-3wt-edges .nad-edge-path',
+        belowThresholdCssDeclaration: { 'stroke-width': '3' },
+        aboveThresholdCssDeclaration: { 'stroke-width': '0.25%' },
+        threshold: 1000,
+        thresholdStatus: THRESHOLD_STATUS.ABOVE,
+    },
+    {
+        cssSelector: '.nad-branch-edges .nad-winding, .nad-3wt-nodes .nad-winding',
+        belowThresholdCssDeclaration: { 'stroke-width': '3' },
+        aboveThresholdCssDeclaration: { 'stroke-width': '0.25%' },
+        threshold: 1000,
+        thresholdStatus: THRESHOLD_STATUS.ABOVE,
+    },
+    {
+        cssSelector: '.nad-vl-nodes circle.nad-unknown-busnode',
+        belowThresholdCssDeclaration: { 'stroke-width': '3' },
+        aboveThresholdCssDeclaration: { 'stroke-width': '0.25%' },
+        threshold: 1000,
+        thresholdStatus: THRESHOLD_STATUS.ABOVE,
+    },
 ];
 
 function NetworkAreaDiagramContent(props) {