Fix share to space flyout sizing (#133949)

This commit is contained in:
Joe Portner 2022-06-09 01:37:33 -04:00 committed by GitHub
parent 5d6e8940df
commit 17c2500183
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 21 deletions

View file

@ -55,24 +55,26 @@ export const AliasTable: FunctionComponent<Props> = ({ spaces, aliasesToDisable
return (
<>
<EuiCallOut
size="s"
title={
<EuiFlexItem grow={false}>
<EuiCallOut
size="s"
title={
<FormattedMessage
id="xpack.spaces.shareToSpace.aliasTableCalloutTitle"
defaultMessage="Legacy URL conflict"
/>
}
color="warning"
>
<FormattedMessage
id="xpack.spaces.shareToSpace.aliasTableCalloutTitle"
defaultMessage="Legacy URL conflict"
id="xpack.spaces.shareToSpace.aliasTableCalloutBody"
defaultMessage="{aliasesToDisableCount, plural, one {# legacy URL} other {# legacy URLs}} will be disabled."
values={{ aliasesToDisableCount }}
/>
}
color="warning"
>
<FormattedMessage
id="xpack.spaces.shareToSpace.aliasTableCalloutBody"
defaultMessage="{aliasesToDisableCount, plural, one {# legacy URL} other {# legacy URLs}} will be disabled."
values={{ aliasesToDisableCount }}
/>
</EuiCallOut>
</EuiCallOut>
<EuiSpacer size="m" />
<EuiSpacer size="m" />
</EuiFlexItem>
<EuiFlexItem>
<Suspense fallback={<EuiLoadingSpinner />}>

View file

@ -110,7 +110,7 @@ export const ShareModeControl = (props: Props) => {
const docLink = docLinks?.links.security.kibanaPrivileges;
return (
<>
<EuiFlexItem grow={false}>
<EuiCallOut
size="s"
iconType="help"
@ -140,7 +140,7 @@ export const ShareModeControl = (props: Props) => {
</EuiCallOut>
<EuiSpacer size="m" />
</>
</EuiFlexItem>
);
};

View file

@ -7,8 +7,8 @@
import './share_to_space_form.scss';
import { EuiCallOut, EuiLink, EuiSpacer } from '@elastic/eui';
import React, { Fragment } from 'react';
import { EuiCallOut, EuiFlexItem, EuiLink, EuiSpacer } from '@elastic/eui';
import React from 'react';
import { FormattedMessage } from '@kbn/i18n-react';
@ -47,7 +47,7 @@ export const ShareToSpaceForm = (props: Props) => {
onUpdate({ ...shareOptions, selectedSpaceIds });
const createCopyCallout = showCreateCopyCallout ? (
<Fragment>
<EuiFlexItem grow={false}>
<EuiCallOut
size="s"
title={
@ -75,7 +75,7 @@ export const ShareToSpaceForm = (props: Props) => {
</EuiCallOut>
<EuiSpacer size="m" />
</Fragment>
</EuiFlexItem>
) : null;
return (