[fleet] fix overlay in integrations on mobile (#215312)

## Summary

This PR resolves [Integrations overlay
mobile-view](https://github.com/elastic/kibana/issues/214146) issue.
This commit is contained in:
Paulina Shakirova 2025-03-20 19:50:12 +01:00 committed by GitHub
parent 3605a331b9
commit b39b8c4591
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -19,6 +19,7 @@ import {
EuiPopover,
EuiContextMenuPanel,
EuiContextMenuItem,
useEuiTheme,
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
@ -103,6 +104,7 @@ export const PackageListGrid: FunctionComponent<PackageListGridProps> = ({
spacer = true,
scrollElementId,
}) => {
const euiTheme = useEuiTheme();
const localSearch = useLocalSearch(list, !!isLoading);
const [isPopoverOpen, setPopover] = useState(false);
@ -196,7 +198,15 @@ export const PackageListGrid: FunctionComponent<PackageListGridProps> = ({
</StickySidebar>
)}
<EuiFlexItem grow={5} data-test-subj="epmList.mainColumn" style={{ alignSelf: 'stretch' }}>
<EuiFlexItem
grow={5}
data-test-subj="epmList.mainColumn"
style={{
position: 'relative',
backgroundColor: euiTheme.euiTheme.colors.backgroundBasePlain,
alignSelf: 'stretch',
}}
>
{showSearchTools && (
<EuiFlexItem grow={false}>
<SearchBox