github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Serverless Search] Fix getting started footer to align with design (#169423)

Browse source 
## Summary

This PR:  
* Removes pipeline card from Getting started page Footer
* Adds right-chevron icon next to Discover and Documentation cards to
align with design


## Screen shot
<img width="1678" alt="Fix footer to align with design"
src="bacb0bd1-df17-4927-b221-ae8ba463ee5a">



### Checklist
- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
This commit is contained in:
Saarika Bhasi 2023-10-23 10:39:39 -04:00 • committed by GitHub
parent b7e2893f88
commit ce931e2820
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

74
x-pack/plugins/serverless_search/public/application/components/overview.tsx
View file

@ -12,6 +12,7 @@ import {
EuiCodeBlock,
EuiFlexGroup,
EuiFlexItem,
EuiIcon,
EuiPageTemplate,
EuiPanel,
EuiSpacer,
@ -342,41 +343,22 @@ const OverviewFooter = () => {
title={i18n.translate('xpack.serverlessSearch.overview.footer.discover.title', {
defaultMessage: 'Discover',
})}
description={i18n.translate(
'xpack.serverlessSearch.overview.footer.discover.description',
{
defaultMessage:
'Search and filter your data, learn how your fields are structured, and create visualizations.',
}
)}
onClick={() => navigateToApp('discover')}
/>
</EuiFlexItem>
<EuiFlexItem>
<EuiCard
layout="horizontal"
icon={
<EuiAvatar
size="xl"
color="subdued"
type="space"
iconType="pipelineApp"
iconSize="original"
name="pipelines"
/>
description={
<EuiFlexGroup justifyContent="spaceAround">
<EuiFlexItem>
<p>
{i18n.translate('xpack.serverlessSearch.overview.footer.discover.description', {
defaultMessage:
'Search and filter your data, learn how your fields are structured, and create visualizations.',
})}
</p>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiIcon type="arrowRight" color="subdued" />
</EuiFlexItem>
</EuiFlexGroup>
}
titleSize="xs"
title={i18n.translate('xpack.serverlessSearch.overview.footer.pipelines.title', {
defaultMessage: 'Pipelines',
})}
description={i18n.translate(
'xpack.serverlessSearch.overview.footer.pipelines.description',
{
defaultMessage:
'Transform your data before indexing. Remove or rename fields, run custom scripts, and much more.',
}
)}
onClick={() => navigateToApp('management', { path: '/ingest/ingest_pipelines' })}
onClick={() => navigateToApp('discover')}
/>
</EuiFlexItem>
<EuiFlexItem>
@ -396,12 +378,24 @@ const OverviewFooter = () => {
title={i18n.translate('xpack.serverlessSearch.overview.footer.documentation.title', {
defaultMessage: 'Documentation',
})}
description={i18n.translate(
'xpack.serverlessSearch.overview.footer.documentation.description',
{
defaultMessage: 'Learn more with our references, how-to guides, and tutorials.',
}
)}
description={
<EuiFlexGroup justifyContent="spaceAround">
<EuiFlexItem>
<p>
{i18n.translate(
'xpack.serverlessSearch.overview.footer.documentation.description',
{
defaultMessage:
'Learn more with our references, how-to guides, and tutorials.',
}
)}
</p>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiIcon type="arrowRight" color="subdued" />
</EuiFlexItem>
</EuiFlexGroup>
}
href={docLinks.gettingStartedSearch}
/>
</EuiFlexItem>