[ML] Fix word break in anomalies and jobs tables (#26978)

elastic · Dec 12, 2018 · 9ce4417 · 9ce4417
1 parent 3ce9b6d
commit 9ce4417
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/x-pack/plugins/ml/public/components/anomalies_table/anomalies_table.js b/x-pack/plugins/ml/public/components/anomalies_table/anomalies_table.js
@@ -92,6 +92,7 @@ function getColumns(
       name: 'time',
       dataType: 'date',
       render: (date) => renderTime(date, interval),
+      textOnly: true,
       sortable: true
     },
     {
@@ -113,6 +114,7 @@ function getColumns(
           numberOfRules={item.rulesLength}
         />
       ),
+      textOnly: true,
       sortable: true
     }
   ];
@@ -128,6 +130,7 @@ function getColumns(
           filter={filter}
         />
       ),
+      textOnly: true,
       sortable: true
     });
   }
@@ -142,6 +145,7 @@ function getColumns(
           influencers={influencers}
         />
       ),
+      textOnly: true,
       sortable: true
     });
   }
@@ -188,6 +192,7 @@ function getColumns(
             typical={item.typical}
           />
         ),
+        textOnly: true,
         sortable: true
       });
     }
@@ -240,7 +245,8 @@ function getColumns(
             )}
           </EuiText>
         );
-      }
+      },
+      textOnly: true,
     });
   }
 
@@ -390,7 +396,7 @@ class AnomaliesTable extends Component {
           unsetShowFunction={this.unsetShowRuleEditorFlyoutFunction}
         />
         <EuiInMemoryTable
-          className="ml-anomalies-table eui-textBreakWord"
+          className="ml-anomalies-table eui-textOverflowWrap"
           items={tableData.anomalies}
           columns={columns}
           pagination={{

diff --git a/...lugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js b/...lugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
@@ -191,6 +191,7 @@ class ForecastsTableUI extends Component {
         }),
         dataType: 'date',
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -201,6 +202,7 @@ class ForecastsTableUI extends Component {
         }),
         dataType: 'date',
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -211,6 +213,7 @@ class ForecastsTableUI extends Component {
         }),
         dataType: 'date',
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -250,6 +253,7 @@ class ForecastsTableUI extends Component {
           defaultMessage: 'Expires'
         }),
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -267,7 +271,8 @@ class ForecastsTableUI extends Component {
               })}
             </div>
           );
-        }
+        },
+        textOnly: true,
       },
       {
         name: intl.formatMessage({

diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/jobs_list.js b/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/jobs_list.js
@@ -153,7 +153,8 @@ class JobsListUI extends Component {
         field: 'description',
         render: (description, item) => (
           <JobDescription job={item} />
-        )
+        ),
+        textOnly: true,
       }, {
         field: 'processed_record_count',
         name: intl.formatMessage({