reduce max-width on grid labels, to allow better wrapping with long action names

starpit · starpit · commit 3ef974894665 · 2018-04-03T14:59:15.000-04:00
Fixes #825
diff --git a/app/plugins/modules/activation-visualizations/lib/grid.js b/app/plugins/modules/activation-visualizations/lib/grid.js
@@ -283,7 +283,7 @@ const _drawGrid = (options, {sidecar, leftHeader, rightHeader}, content, groupDa
 
             // now that we know the width of the grid, adjust the width of the label
             if (zoomLevel === 0) {
-                gridLabel.style.maxWidth = `${width * 8}vw`
+                gridLabel.style.maxWidth = `${width * 2.75 * 1.1}vw`  // 2.75vw is the width in table.css; 1.1x to give a bit of overflow
             }
 
             // and try to make the gridDom mostly squarish

Original file line number	Diff line number	Diff line change
`@@ -283,7 +283,7 @@ const _drawGrid = (options, {sidecar, leftHeader, rightHeader}, content, groupDa`
`283`	`283`
`284`	`284`	`// now that we know the width of the grid, adjust the width of the label`
`285`	`285`	`if (zoomLevel === 0) {`
`286`		- gridLabel.style.maxWidth = `${width * 8}vw`
	`286`	+ gridLabel.style.maxWidth = `${width * 2.75 * 1.1}vw` // 2.75vw is the width in table.css; 1.1x to give a bit of overflow
`287`	`287`	`}`
`288`	`288`
`289`	`289`	`// and try to make the gridDom mostly squarish`