github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-06-27 18:51:07 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Security Solution] expandable flyout - fix footer not always visible (#167074)

Browse source
This commit is contained in:
Philippe Oberti 2023-09-28 00:01:28 +02:00 • committed by GitHub
parent c84248c87d
commit 90a8b32393
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 30 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/kbn-expandable-flyout/src/components/left_section.tsx
View file

@ -6,7 +6,7 @@
* Side Public License, v 1.
*/
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { EuiFlexItem } from '@elastic/eui';
import React, { useMemo } from 'react';
import { LEFT_SECTION } from './test_ids';
@ -26,12 +26,12 @@ interface LeftSectionProps {
*/
export const LeftSection: React.FC<LeftSectionProps> = ({ component, width }: LeftSectionProps) => {
const style = useMemo<React.CSSProperties>(
() => ({ height: '100%', width: `${width * 100}%`, overflowY: 'scroll' }),
() => ({ height: '100%', width: `${width * 100}%` }),
[width]
);
return (
<EuiFlexItem grow data-test-subj={LEFT_SECTION} style={style}>
<EuiFlexGroup direction="column">{component}</EuiFlexGroup>
{component}
</EuiFlexItem>
);
};

6
packages/kbn-expandable-flyout/src/components/right_section.tsx
View file

@ -6,7 +6,7 @@
* Side Public License, v 1.
*/
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { EuiFlexItem } from '@elastic/eui';
import React, { useMemo } from 'react';
import { RIGHT_SECTION } from './test_ids';
@ -29,13 +29,13 @@ export const RightSection: React.FC<RightSectionProps> = ({
width,
}: RightSectionProps) => {
const style = useMemo<React.CSSProperties>(
() => ({ height: '100%', width: `${width * 100}%`, overflowY: 'scroll' }),
() => ({ height: '100%', width: `${width * 100}%` }),
[width]
);
return (
<EuiFlexItem grow={false} style={style} data-test-subj={RIGHT_SECTION}>
<EuiFlexGroup direction="column">{component}</EuiFlexGroup>
{component}
</EuiFlexItem>
);
};