Merge pull request #394 from NASA-AMMOS/jr-maxwidth-legend

Added max-width to legend to prevent long text from filling screen
NASA-AMMOS · Jul 13, 2023 · eb10fc4 · eb10fc4
2 parents 9ca8c11 + 9d5d3a9
commit eb10fc4
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/essence/Tools/Legend/LegendTool.js b/src/essence/Tools/Legend/LegendTool.js
@@ -225,8 +225,11 @@ function drawLegends(tools, _legend, layerUUID, display_name, opacity) {
                 .style('height', '100%')
                 .style('line-height', '19px')
                 .style('font-size', '14px')
-                .style('overflow', 'auto')
+                .style('overflow', 'hidden')
                 .style('white-space', 'nowrap')
+                .style('max-width', '270px')
+                .style('text-overflow', 'ellipsis')
+                .attr('title', _legend[d].value)
                 .text(_legend[d].value)
         } else if (shape == 'continuous' || shape == 'discreet') {
             if (lastShape != shape) {