[APM] Custom links submit button is off screen in IE11 (#63122)

This commit is contained in:
Cauê Marcondes 2020-04-10 08:28:06 +01:00 committed by GitHub
parent 97d1685c3d
commit 83b9417d45
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 22 deletions

View file

@ -8,6 +8,7 @@ import { EuiButtonEmpty } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { NotificationsStart } from 'kibana/public';
import React, { useState } from 'react';
import { px, unit } from '../../../../../../style/variables';
import { callApmApi } from '../../../../../../services/rest/createCallApmApi';
import { useApmPluginContext } from '../../../../../../hooks/useApmPluginContext';
@ -31,6 +32,7 @@ export function DeleteButton({ onDelete, customLinkId }: Props) {
setIsDeleting(false);
onDelete();
}}
style={{ marginRight: px(unit) }}
>
{i18n.translate('xpack.apm.settings.customizeUI.customLink.delete', {
defaultMessage: 'Delete'

View file

@ -40,29 +40,23 @@ export const FlyoutFooter = ({
)}
</EuiButtonEmpty>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiFlexGroup>
{customLinkId && (
<EuiFlexItem>
<DeleteButton customLinkId={customLinkId} onDelete={onDelete} />
</EuiFlexItem>
<EuiFlexItem grow={false} style={{ display: 'block' }}>
{customLinkId && (
<DeleteButton customLinkId={customLinkId} onDelete={onDelete} />
)}
<EuiButton
fill
type="submit"
isLoading={isSaving}
isDisabled={!isSaveButtonEnabled}
>
{i18n.translate(
'xpack.apm.settings.customizeUI.customLink.flyout.save',
{
defaultMessage: 'Save'
}
)}
<EuiFlexItem>
<EuiButton
fill
type="submit"
isLoading={isSaving}
isDisabled={!isSaveButtonEnabled}
>
{i18n.translate(
'xpack.apm.settings.customizeUI.customLink.flyout.save',
{
defaultMessage: 'Save'
}
)}
</EuiButton>
</EuiFlexItem>
</EuiFlexGroup>
</EuiButton>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlyoutFooter>