Skip to content

Commit

Permalink
elastic#68163 Make footer messaging sticky to bottom of page (elastic…
Browse files Browse the repository at this point in the history 
…#68327)

Co-authored-by: Elastic Machine <[email protected]>
  • Loading branch information
@jen-huang @elasticmachine
jen-huang and elasticmachine committed Jun 8, 2020
1 parent 503321b commit 006091a
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 71 deletions.
1 change: 1 addition & 0 deletions .../plugins/ingest_manager/public/applications/ingest_manager/components/alpha_messaging.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ const Message = styled(EuiText).attrs((props) => ({
size: 's',
}))`
padding: ${(props) => props.theme.eui.paddingSizes.m};
margin-top: auto;
`;

export const AlphaMessaging: React.FC<{}> = () => {
Expand Down
146 changes: 75 additions & 71 deletions x-pack/plugins/ingest_manager/public/applications/ingest_manager/layouts/default.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@ interface Props {
const Container = styled.div`
min-height: calc(100vh - ${(props) => props.theme.eui.euiHeaderChildSize});
background: ${(props) => props.theme.eui.euiColorEmptyShade};
display: flex;
flex-direction: column;
`;

const Nav = styled.nav`
Expand Down Expand Up @@ -52,85 +54,87 @@ export const DefaultLayout: React.FunctionComponent<Props> = ({
/>
)}
<Container>
<Nav>
<EuiFlexGroup gutterSize="l" alignItems="center">
<EuiFlexItem grow={false}>
<EuiIcon type="savedObjectsApp" size="l" />
</EuiFlexItem>
<EuiFlexItem>
<EuiTabs display="condensed">
<EuiTab isSelected={section === 'overview'} href={getHref('overview')}>
<FormattedMessage
id="xpack.ingestManager.appNavigation.overviewLinkText"
defaultMessage="Overview"
/>
</EuiTab>
<EuiTab
isSelected={section === 'epm'}
href={getHref('integrations_all')}
disabled={!epm?.enabled}
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.epmLinkText"
defaultMessage="Integrations"
/>
</EuiTab>
<EuiTab
isSelected={section === 'agent_config'}
href={getHref('configurations_list')}
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.configurationsLinkText"
defaultMessage="Configurations"
/>
</EuiTab>
<EuiTab
isSelected={section === 'fleet'}
href={getHref('fleet')}
disabled={!fleet?.enabled}
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.fleetLinkText"
defaultMessage="Fleet"
/>
</EuiTab>
<EuiTab isSelected={section === 'data_stream'} href={getHref('data_streams')}>
<FormattedMessage
id="xpack.ingestManager.appNavigation.dataStreamsLinkText"
defaultMessage="Data streams"
/>
</EuiTab>
</EuiTabs>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="s" direction="row">
<EuiFlexItem>
<EuiButtonEmpty
iconType="popout"
href="https://ela.st/ingest-manager-feedback"
target="_blank"
<div>
<Nav>
<EuiFlexGroup gutterSize="l" alignItems="center">
<EuiFlexItem grow={false}>
<EuiIcon type="savedObjectsApp" size="l" />
</EuiFlexItem>
<EuiFlexItem>
<EuiTabs display="condensed">
<EuiTab isSelected={section === 'overview'} href={getHref('overview')}>
<FormattedMessage
id="xpack.ingestManager.appNavigation.overviewLinkText"
defaultMessage="Overview"
/>
</EuiTab>
<EuiTab
isSelected={section === 'epm'}
href={getHref('integrations_all')}
disabled={!epm?.enabled}
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.epmLinkText"
defaultMessage="Integrations"
/>
</EuiTab>
<EuiTab
isSelected={section === 'agent_config'}
href={getHref('configurations_list')}
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.sendFeedbackButton"
defaultMessage="Send Feedback"
id="xpack.ingestManager.appNavigation.configurationsLinkText"
defaultMessage="Configurations"
/>
</EuiTab>
<EuiTab
isSelected={section === 'fleet'}
href={getHref('fleet')}
disabled={!fleet?.enabled}
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.fleetLinkText"
defaultMessage="Fleet"
/>
</EuiTab>
<EuiTab isSelected={section === 'data_stream'} href={getHref('data_streams')}>
<FormattedMessage
id="xpack.ingestManager.appNavigation.dataStreamsLinkText"
defaultMessage="Data streams"
/>
</EuiButtonEmpty>
</EuiFlexItem>
{showSettings ? (
</EuiTab>
</EuiTabs>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="s" direction="row">
<EuiFlexItem>
<EuiButtonEmpty iconType="gear" onClick={() => setIsSettingsFlyoutOpen(true)}>
<EuiButtonEmpty
iconType="popout"
href="https://ela.st/ingest-manager-feedback"
target="_blank"
>
<FormattedMessage
id="xpack.ingestManager.appNavigation.settingsButton"
defaultMessage="Settings"
id="xpack.ingestManager.appNavigation.sendFeedbackButton"
defaultMessage="Send Feedback"
/>
</EuiButtonEmpty>
</EuiFlexItem>
) : null}
</EuiFlexGroup>
</EuiFlexItem>
</EuiFlexGroup>
</Nav>
{children}
{showSettings ? (
<EuiFlexItem>
<EuiButtonEmpty iconType="gear" onClick={() => setIsSettingsFlyoutOpen(true)}>
<FormattedMessage
id="xpack.ingestManager.appNavigation.settingsButton"
defaultMessage="Settings"
/>
</EuiButtonEmpty>
</EuiFlexItem>
) : null}
</EuiFlexGroup>
</EuiFlexItem>
</EuiFlexGroup>
</Nav>
{children}
</div>
<AlphaMessaging />
</Container>
</>
Expand Down

0 comments on commit 006091a

Please sign in to comment.