Fix margins for various pending suggestions callouts (#118208) (#118265)

Co-authored-by: Byron Hulcher <byronhulcher@gmail.com>
This commit is contained in:
Kibana Machine 2021-11-10 20:20:18 -05:00 committed by GitHub
parent db327da470
commit b040096beb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 2 deletions

View file

@ -28,6 +28,7 @@ interface SuggestionsCalloutProps {
description: string;
buttonTo: string;
lastUpdatedTimestamp: string; // ISO string like '2021-10-04T18:53:02.784Z'
style?: React.CSSProperties;
}
export const SuggestionsCallout: React.FC<SuggestionsCalloutProps> = ({
@ -35,6 +36,7 @@ export const SuggestionsCallout: React.FC<SuggestionsCalloutProps> = ({
description,
buttonTo,
lastUpdatedTimestamp,
style,
}) => {
const { pathname } = useLocation();
@ -49,7 +51,7 @@ export const SuggestionsCallout: React.FC<SuggestionsCalloutProps> = ({
return (
<>
<EuiCallOut color="success" iconType={LightbulbIcon} title={title}>
<EuiCallOut style={style} color="success" iconType={LightbulbIcon} title={title}>
<EuiText size="s">
<p>{description}</p>
</EuiText>
@ -80,7 +82,6 @@ export const SuggestionsCallout: React.FC<SuggestionsCalloutProps> = ({
</EuiFlexItem>
</EuiFlexGroup>
</EuiCallOut>
<EuiSpacer />
</>
);
};

View file

@ -35,6 +35,7 @@ export const SuggestedDocumentsCallout: React.FC = () => {
return (
<SuggestionsCallout
style={{ marginTop: '24px' }}
title={i18n.translate(
'xpack.enterpriseSearch.appSearch.engine.curation.suggestedDocumentsCallout.title',
{ defaultMessage: 'New suggested documents for this query' }

View file

@ -34,6 +34,7 @@ export const SuggestedCurationsCallout: React.FC = () => {
return (
<SuggestionsCallout
style={{ marginBottom: '24px' }}
title={i18n.translate(
'xpack.enterpriseSearch.appSearch.engine.suggestedCurationsCallout.title',
{ defaultMessage: 'New suggested curations to review' }