github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-06-28 11:05:39 -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. * 2.0.
*/ */
import React, { useState, useMemo, memo } from 'react'; import React, { useState, useMemo, memo } from 'react';
import styled from 'styled-components';
import { i18n } from '@kbn/i18n'; import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react'; import { FormattedMessage } from '@kbn/i18n-react';
import { EuiFlexGroup, EuiFlexItem, EuiImage, EuiText, EuiPagination } from '@elastic/eui'; import { EuiFlexGroup, EuiFlexItem, EuiImage, EuiText, EuiPagination } from '@elastic/eui';
@ -17,6 +18,9 @@ interface ScreenshotProps {
packageName: string; packageName: string;
version: string; version: string;
} }
const Pagination = styled(EuiPagination)`
max-width: 130px;
`;
export const Screenshots: React.FC<ScreenshotProps> = memo(({ images, packageName, version }) => { export const Screenshots: React.FC<ScreenshotProps> = memo(({ images, packageName, version }) => {
const { toPackageImage } = useLinks(); const { toPackageImage } = useLinks();
@ -48,7 +52,7 @@ export const Screenshots: React.FC<ScreenshotProps> = memo(({ images, packageNam
</EuiText> </EuiText>
</EuiFlexItem> </EuiFlexItem>
<EuiFlexItem grow={false}> <EuiFlexItem grow={false}>
<EuiPagination <Pagination
aria-label={i18n.translate('xpack.fleet.epm.screenshotPaginationAriaLabel', { aria-label={i18n.translate('xpack.fleet.epm.screenshotPaginationAriaLabel', {
defaultMessage: '{packageName} screenshot pagination', defaultMessage: '{packageName} screenshot pagination',
values: { values: {