Added styles to make combobox list items wider for alerting flyout (#…

…61894) * Added styles to make combobox list items wider for alerting flyout * Fixed width for OF expression popover * Fixed due to comments * Fixed due to comments * Resized
elastic · Mar 31, 2020 · 81e1dca · 81e1dca
1 parent 12c8ff7
commit 81e1dca
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/x-pack/plugins/triggers_actions_ui/public/common/expression_items/of.scss b/x-pack/plugins/triggers_actions_ui/public/common/expression_items/of.scss
@@ -0,0 +1,3 @@
+.actOf__aggFieldContainer {
+  width: $euiSize * 29;
+}
diff --git a/x-pack/plugins/triggers_actions_ui/public/common/expression_items/of.tsx b/x-pack/plugins/triggers_actions_ui/public/common/expression_items/of.tsx
@@ -18,6 +18,7 @@ import {
 import { builtInAggregationTypes } from '../constants';
 import { AggregationType } from '../types';
 import { ClosablePopoverTitle } from './components';
+import './of.scss';
 
 interface OfExpressionProps {
   aggType: string;
@@ -108,7 +109,7 @@ export const OfExpression = ({
           />
         </ClosablePopoverTitle>
         <EuiFlexGroup>
-          <EuiFlexItem grow={false} className="watcherThresholdAlertAggFieldContainer">
+          <EuiFlexItem grow={false} className="actOf__aggFieldContainer">
             <EuiFormRow
               fullWidth
               isInvalid={errors.aggField.length > 0 && aggField !== undefined}