Refine callout appearance in term vector and alias parameters.

elastic · Sep 21, 2020 · 90e1445 · 90e1445
1 parent a5214ac
commit 90e1445
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 18 deletions.
diff --git a/...mappings_editor/components/document_fields/field_parameters/painless_script_parameter.tsx b/...mappings_editor/components/document_fields/field_parameters/painless_script_parameter.tsx
@@ -21,7 +21,7 @@ export const PainlessScriptParameter = () => {
           <>
             {isInvalid && (
               <>
-                <EuiCallOut color="danger" title={error} />
+                <EuiCallOut size="s" color="danger" title={error} />
                 <EuiSpacer />
               </>
             )}

diff --git a/...components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx b/...components/mappings_editor/components/document_fields/field_parameters/path_parameter.tsx
@@ -93,17 +93,17 @@ export const PathParameter = ({ field, allFields }: Props) => {
             <>
               {!Boolean(suggestedFields.length) && (
                 <>
-                  <EuiCallOut color="warning">
-                    <p>
-                      {i18n.translate(
-                        'xpack.idxMgmt.mappingsEditor.aliasType.noFieldsAddedWarningMessage',
-                        {
-                          defaultMessage:
-                            'You need to add at least one field before creating an alias.',
-                        }
-                      )}
-                    </p>
-                  </EuiCallOut>
+                  <EuiCallOut
+                    size="s"
+                    color="warning"
+                    title={i18n.translate(
+                      'xpack.idxMgmt.mappingsEditor.aliasType.noFieldsAddedWarningMessage',
+                      {
+                        defaultMessage:
+                          'You need to add at least one field before creating an alias.',
+                      }
+                    )}
+                  />
                   <EuiSpacer />
                 </>
               )}

diff --git a/...nts/mappings_editor/components/document_fields/field_parameters/term_vector_parameter.tsx b/...nts/mappings_editor/components/document_fields/field_parameters/term_vector_parameter.tsx
@@ -56,14 +56,17 @@ export const TermVectorParameter = ({ field, defaultToggleValue }: Props) => {
             {formData.term_vector === 'with_positions_offsets' && (
               <>
                 <EuiSpacer size="s" />
-                <EuiCallOut color="warning">
-                  <p>
-                    {i18n.translate('xpack.idxMgmt.mappingsEditor.termVectorFieldWarningMessage', {
+                <EuiCallOut
+                  size="s"
+                  color="warning"
+                  title={i18n.translate(
+                    'xpack.idxMgmt.mappingsEditor.termVectorFieldWarningMessage',
+                    {
                       defaultMessage:
                         'Setting "With positions and offsets" will double the size of a field’s index.',
-                    })}
-                  </p>
-                </EuiCallOut>
+                    }
+                  )}
+                />
               </>
             )}
           </>