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

[APM] Fix IE layout issue for filters popover (#45370)

Browse source
This commit is contained in:
Dario Gieselaar 2019-09-11 21:35:15 +02:00 • committed by GitHub
parent 0b98cce683
commit bf7658b431
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
x-pack/legacy/plugins/apm/public/components/shared/LocalUIFilters/Filter/index.tsx
View file

@ -45,6 +45,11 @@ const ApplyButton = styled(EuiButton)`
align-self: flex-end;
`;
// needed for IE11
const FlexItem = styled(EuiFlexItem)`
flex-basis: auto !important;
`;
interface Props {
name: string;
title: string;
@ -115,7 +120,7 @@ const Filter = ({
{(list, search) => (
<SelectContainer>
<EuiFlexGroup direction="column" gutterSize="none">
<EuiFlexItem grow={true}>
<FlexItem grow={true}>
<EuiTitle size="xxxs" textTransform="uppercase">
<h4>
{i18n.translate('xpack.apm.applyFilter', {
@ -130,8 +135,8 @@ const Filter = ({
<EuiSpacer size="s" />
{list}
<EuiSpacer size="s" />
</EuiFlexItem>
<EuiFlexItem grow={false}>
</FlexItem>
<FlexItem grow={false}>
<ApplyButton
color="primary"
fill={true}
@ -149,7 +154,7 @@ const Filter = ({
defaultMessage: 'Apply options'
})}
</ApplyButton>
</EuiFlexItem>
</FlexItem>
</EuiFlexGroup>
</SelectContainer>
)}