Merge pull request PAIR-code#241 from PAIR-code/fix-overflow

Fix Overview custom stats text cutoff
kp-forks · May 6, 2021 · f063044 · f063044
2 parents 4742b8b + bff0cd6
commit f063044
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/facets_overview/components/facets_overview_row_stats/facets-overview-row-stats.html b/facets_overview/components/facets_overview_row_stats/facets-overview-row-stats.html
@@ -46,7 +46,8 @@
       .data-custom {
         min-width: 150px;
         max-width: 150px;
-        white-space: pre;;
+        white-space: normal;
+        overflow-wrap: break-word;
       }
       #legend-box {
         width: 6px;

diff --git a/facets_overview/functional_tests/simple/simple_test.ts b/facets_overview/functional_tests/simple/simple_test.ts
@@ -89,7 +89,7 @@ function create(): DatasetFeatureStatisticsList {
   ]);
   featureStats = stats.getFeaturesList()[0];
   const customStats = [th.makeCustomStatistic('customHist', customHist),
-                       th.makeCustomStatistic('customNum', 13.1),
+                       th.makeCustomStatistic('customNum-reallylongname_testingoverflow', 13.1),
                        th.makeCustomStatistic('customRankHist', customRankHist),
                        th.makeCustomStatistic('customStr', 'cust')];
   featureStats.setCustomStatsList(customStats);