[Lens] Fixes the styling issue of dropping a geo field (#137510) (#137656)

(cherry picked from commit c26e085c92)

Co-authored-by: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
This commit is contained in:
Kibana Machine 2022-08-01 03:11:07 -04:00 committed by GitHub
parent 5cb4e6be2c
commit 71713dab0b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -46,28 +46,30 @@ export function GeoFieldWorkspacePanel(props: Props) {
return (
<EuiPageContentBody className="lnsWorkspacePanelWrapper__pageContentBody">
<EuiText className="lnsWorkspacePanel__emptyContent" textAlign="center" size="s">
<h2>
<strong>{getVisualizeGeoFieldMessage(props.fieldType)}</strong>
</h2>
<GlobeIllustration aria-hidden={true} className="lnsWorkspacePanel__promptIllustration" />
<DragDrop
className="lnsVisualizeGeoFieldWorkspacePanel__dragDrop"
dataTestSubj="lnsGeoFieldWorkspace"
draggable={false}
dropTypes={['field_add']}
order={dragDropOrder}
value={dragDropIdentifier}
onDrop={onDrop}
>
<p>
<strong>
<FormattedMessage
id="xpack.lens.geoFieldWorkspace.dropMessage"
defaultMessage="Drop field here to open in Maps"
/>
</strong>
</p>
</DragDrop>
<div>
<h2>
<strong>{getVisualizeGeoFieldMessage(props.fieldType)}</strong>
</h2>
<GlobeIllustration aria-hidden={true} className="lnsWorkspacePanel__promptIllustration" />
<DragDrop
className="lnsVisualizeGeoFieldWorkspacePanel__dragDrop"
dataTestSubj="lnsGeoFieldWorkspace"
draggable={false}
dropTypes={['field_add']}
order={dragDropOrder}
value={dragDropIdentifier}
onDrop={onDrop}
>
<p>
<strong>
<FormattedMessage
id="xpack.lens.geoFieldWorkspace.dropMessage"
defaultMessage="Drop field here to open in Maps"
/>
</strong>
</p>
</DragDrop>
</div>
</EuiText>
</EuiPageContentBody>
);