fixed display of node legend with large entries

rchakode · rchakode · commit a54b9483a4d0 · 2025-03-09T19:16:28.000+01:00
diff --git a/css/frontend.css b/css/frontend.css
@@ -33,9 +33,12 @@ legend {
     color: rgba(0, 0, 0, 0.65);
 }
 
+/*
 .britechart-legend {
+    max-height: 400px;
     overflow-y: auto;
   }
+*/
 
 .britecharts-tooltip {
     width: 64rem !important;  /* Adjust the value as needed */
diff --git a/js/frontend.js b/js/frontend.js
@@ -128,7 +128,7 @@ define(['jquery', 'bootstrap', 'bootswatch', 'd3Selection', 'stackedAreaChart',
                 d3Selection.select('.' + targetDivContainer + ' .britechart-legend').remove();
                 legendChart
                     .width(containerWidth * 0.8)
-                    .height(400)
+                    .height(dataset.length * 12)
                     .marginRatio(2)
                     .markerSize(10)
                     .numberFormat('.2s');

Original file line number	Diff line number	Diff line change
`@@ -33,9 +33,12 @@ legend {`
`33`	`33`	`color: rgba(0, 0, 0, 0.65);`
`34`	`34`	`}`
`35`	`35`
	`36`	`+/*`
`36`	`37`	`.britechart-legend {`
	`38`	`+ max-height: 400px;`
`37`	`39`	`overflow-y: auto;`
`38`	`40`	`}`
	`41`	`+*/`
`39`	`42`
`40`	`43`	`.britecharts-tooltip {`
`41`	`44`	`width: 64rem !important; /* Adjust the value as needed */`