fix: GH issue 8669 NVD3 tooltip overflow (#278)

* fix: nvd3 tooltip overflow * fix: fix build * Revert "fix: fix build" This reverts commit 44532e9. * build: updating build-config package * fix: adds newline to css file
apache-superset · Dec 3, 2019 · 8586cc9 · 8586cc9
1 parent 9a4ceff
commit 8586cc9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
   ],
   "license": "Apache-2.0",
   "devDependencies": {
-    "@superset-ui/build-config": "^0.2.0",
+    "@superset-ui/build-config": "^0.2.1",
     "@superset-ui/commit-config": "^0.0.9",
     "@superset-ui/superset-ui": "^0.12.5",
     "@types/react": "^16.8.8",

diff --git a/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.css b/packages/superset-ui-legacy-preset-chart-nvd3/src/NVD3Vis.css
@@ -121,3 +121,13 @@
 .superset-legacy-chart-nvd3-tr-total {
   font-weight: bold;
 }
+
+/* START tooltip styles - these prevent long column names from overflowing the tooltip */
+.nvtooltip tbody tr:first-child td{
+  white-space: nowrap;
+  font-weight: bold;
+}
+.nvtooltip tbody tr:not(:first-child) td:nth-child(2){
+  word-break: break-word;
+}
+/* END tooltip styles */