maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases 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
Show stats 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; align-self: flex-end;
`; `;
// needed for IE11
const FlexItem = styled(EuiFlexItem)`
flex-basis: auto !important;
`;
interface Props { interface Props {
name: string; name: string;
title: string; title: string;
@ -115,7 +120,7 @@ const Filter = ({
{(list, search) => ( {(list, search) => (
<SelectContainer> <SelectContainer>
<EuiFlexGroup direction="column" gutterSize="none"> <EuiFlexGroup direction="column" gutterSize="none">
<EuiFlexItem grow={true}> <FlexItem grow={true}>
<EuiTitle size="xxxs" textTransform="uppercase"> <EuiTitle size="xxxs" textTransform="uppercase">
<h4> <h4>
{i18n.translate('xpack.apm.applyFilter', { {i18n.translate('xpack.apm.applyFilter', {
@ -130,8 +135,8 @@ const Filter = ({
<EuiSpacer size="s" /> <EuiSpacer size="s" />
{list} {list}
<EuiSpacer size="s" /> <EuiSpacer size="s" />
</EuiFlexItem> </FlexItem>
<EuiFlexItem grow={false}> <FlexItem grow={false}>
<ApplyButton <ApplyButton
color="primary" color="primary"
fill={true} fill={true}
@ -149,7 +154,7 @@ const Filter = ({
defaultMessage: 'Apply options' defaultMessage: 'Apply options'
})} })}
</ApplyButton> </ApplyButton>
</EuiFlexItem> </FlexItem>
</EuiFlexGroup> </EuiFlexGroup>
</SelectContainer> </SelectContainer>
)} )}