Re-add fontSize styling which was causing grid height bugs in #133691 (comment)

cee-chen · cee-chen · commit 640df66198ef · 2022-06-13T12:07:27.000-07:00
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.scss b/x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.scss
@@ -1,6 +1,3 @@
 .alertsTableActiveRow {
   background-color: tintOrShade($euiColorLightShade, 50%, 0);
 }
-.alertsTableResponseOps .euiDataGridRowCell {
-  font-size: $euiFontSizeXS;
-}
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.tsx
@@ -29,6 +29,7 @@ const AlertsFlyout = lazy(() => import('./alerts_flyout'));
 const GridStyles: EuiDataGridStyle = {
   border: 'none',
   header: 'underline',
+  fontSize: 's',
 };
 
 const AlertsTable: React.FunctionComponent<AlertsTableProps> = (props: AlertsTableProps) => {
@@ -174,11 +175,7 @@ const AlertsTable: React.FunctionComponent<AlertsTableProps> = (props: AlertsTab
   );
 
   return (
-    <section
-      className="alertsTableResponseOps"
-      style={{ width: '100%' }}
-      data-test-subj={props['data-test-subj']}
-    >
+    <section style={{ width: '100%' }} data-test-subj={props['data-test-subj']}>
       <Suspense fallback={null}>
         {flyoutAlertIndex > -1 && (
           <AlertsFlyout

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,3 @@`
`1`	`1`	`.alertsTableActiveRow {`
`2`	`2`	`background-color: tintOrShade($euiColorLightShade, 50%, 0);`
`3`	`3`	`}`
`4`		`-.alertsTableResponseOps .euiDataGridRowCell {`
`5`		`- font-size: $euiFontSizeXS;`
`6`		`-}`