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

[Fleet] Remove unwanted overflow on Integrations screenshots (#124975)

Browse source
This commit is contained in:
Cristina Amico 2022-02-08 18:28:48 +01:00 • committed by GitHub
parent 370af2e64b
commit 30350fc9de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/screenshots.tsx
View file

@ -5,6 +5,7 @@
* 2.0.
*/
import React, { useState, useMemo, memo } from 'react';
import styled from 'styled-components';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
import { EuiFlexGroup, EuiFlexItem, EuiImage, EuiText, EuiPagination } from '@elastic/eui';
@ -17,6 +18,9 @@ interface ScreenshotProps {
packageName: string;
version: string;
}
const Pagination = styled(EuiPagination)`
max-width: 130px;
`;
export const Screenshots: React.FC<ScreenshotProps> = memo(({ images, packageName, version }) => {
const { toPackageImage } = useLinks();
@ -48,7 +52,7 @@ export const Screenshots: React.FC<ScreenshotProps> = memo(({ images, packageNam
</EuiText>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiPagination
<Pagination
aria-label={i18n.translate('xpack.fleet.epm.screenshotPaginationAriaLabel', {
defaultMessage: '{packageName} screenshot pagination',
values: {