[Logs UI] Add IE11-specific CSS fixes for anomalies table

elastic · Nov 1, 2019 · 1f3bfb9 · 1f3bfb9
1 parent 479177a
commit 1f3bfb9
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/x-pack/legacy/plugins/infra/public/pages/logs/analysis/sections/anomalies/table.tsx b/x-pack/legacy/plugins/infra/public/pages/logs/analysis/sections/anomalies/table.tsx
@@ -12,6 +12,7 @@ import { TimeRange } from '../../../../../../common/http_api/shared/time_range';
 import { LogRateResults } from '../../../../../containers/logs/log_analysis/log_analysis_results';
 import { AnomaliesTableExpandedRow } from './expanded_row';
 import { formatAnomalyScore, getFriendlyNameForPartitionId } from '../helpers/data_formatters';
+import euiStyled from '../../../../../../../../common/eui_styled_components';
 
 interface TableItem {
   id: string;
@@ -154,7 +155,7 @@ export const AnomaliesTable: React.FunctionComponent<{
   ];
 
   return (
-    <EuiBasicTable
+    <StyledEuiBasicTable
       items={sortedTableItems}
       itemId="id"
       itemIdToExpandedRowMap={itemIdToExpandedRowMap}
@@ -166,3 +167,9 @@ export const AnomaliesTable: React.FunctionComponent<{
     />
   );
 };
+
+const isIE11 = Boolean('MSInputMethodContext' in window) && Boolean('documentMode' in document);
+
+const StyledEuiBasicTable = euiStyled(EuiBasicTable)`
+  ${isIE11 ? 'max-width: 90vw;' : ''}
+`;