Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Drilldowns][IE] fix welcome bar layout in IE #65676

Merged
merged 9 commits into from
May 12, 2020
Original file line number Diff line number Diff line change
Expand Up @@ -30,33 +30,30 @@ export const DrilldownHelloBar: React.FC<DrilldownHelloBarProps> = ({
onHideClick = () => {},
}) => {
return (
<EuiCallOut
data-test-subj={WELCOME_MESSAGE_TEST_SUBJ}
title={
<EuiFlexGroup className="drdHelloBar__content">
<EuiFlexItem grow={false}>
<div style={{ marginLeft: '8px' }}>
<EuiIcon type="help" />
</div>
</EuiFlexItem>
<EuiFlexItem grow={true}>
<EuiText size={'s'}>
<EuiTextColor color="subdued">{txtHelpText}</EuiTextColor>
</EuiText>
{docsLink && (
<>
<EuiSpacer size={'xs'} />
<EuiLink href={docsLink}>{txtViewDocsLinkLabel}</EuiLink>
</>
)}
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiButtonEmpty size="xs" onClick={onHideClick}>
{txtHideHelpButtonLabel}
</EuiButtonEmpty>
</EuiFlexItem>
</EuiFlexGroup>
}
/>
<EuiCallOut data-test-subj={WELCOME_MESSAGE_TEST_SUBJ}>
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<div style={{ marginLeft: '8px' }}>
<EuiIcon type="help" />
</div>
</EuiFlexItem>
<EuiFlexItem grow={1}>
<EuiText size={'s'}>
<EuiTextColor color="subdued">{txtHelpText}</EuiTextColor>
</EuiText>
{docsLink && (
<>
<EuiSpacer size={'xs'} />
<EuiLink href={docsLink}>{txtViewDocsLinkLabel}</EuiLink>
</>
)}
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiButtonEmpty size="xs" onClick={onHideClick}>
{txtHideHelpButtonLabel}
</EuiButtonEmpty>
</EuiFlexItem>
</EuiFlexGroup>
</EuiCallOut>
);
};