[Logs UI] Refine log entry row context button (#71260)
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
parent
a4efa1ead0
commit
d8204643fe
|
@ -6,7 +6,13 @@
|
||||||
|
|
||||||
import React, { useMemo } from 'react';
|
import React, { useMemo } from 'react';
|
||||||
import { i18n } from '@kbn/i18n';
|
import { i18n } from '@kbn/i18n';
|
||||||
import { EuiButtonIcon, EuiPopover, EuiContextMenuPanel, EuiContextMenuItem } from '@elastic/eui';
|
import {
|
||||||
|
EuiButton,
|
||||||
|
EuiIcon,
|
||||||
|
EuiPopover,
|
||||||
|
EuiContextMenuPanel,
|
||||||
|
EuiContextMenuItem,
|
||||||
|
} from '@elastic/eui';
|
||||||
|
|
||||||
import { euiStyled } from '../../../../../observability/public';
|
import { euiStyled } from '../../../../../observability/public';
|
||||||
import { LogEntryColumnContent } from './log_entry_column';
|
import { LogEntryColumnContent } from './log_entry_column';
|
||||||
|
@ -50,12 +56,15 @@ export const LogEntryContextMenu: React.FC<LogEntryContextMenuProps> = ({
|
||||||
|
|
||||||
const button = (
|
const button = (
|
||||||
<ButtonWrapper>
|
<ButtonWrapper>
|
||||||
<EuiButtonIcon
|
<EuiButton
|
||||||
|
size="s"
|
||||||
|
fill
|
||||||
aria-label={ariaLabel || DEFAULT_MENU_LABEL}
|
aria-label={ariaLabel || DEFAULT_MENU_LABEL}
|
||||||
color="ghost"
|
|
||||||
iconType="boxesHorizontal"
|
|
||||||
onClick={onOpen}
|
onClick={onOpen}
|
||||||
/>
|
style={{ minWidth: 'auto' }}
|
||||||
|
>
|
||||||
|
<EuiIcon type="boxesHorizontal" />
|
||||||
|
</EuiButton>
|
||||||
</ButtonWrapper>
|
</ButtonWrapper>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -88,8 +97,5 @@ const AbsoluteWrapper = euiStyled.div`
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const ButtonWrapper = euiStyled.div`
|
const ButtonWrapper = euiStyled.div`
|
||||||
background: ${(props) => props.theme.eui.euiColorPrimary};
|
transform: translate(-6px, -6px);
|
||||||
border-radius: 50%;
|
|
||||||
padding: 4px;
|
|
||||||
transform: translateY(-6px);
|
|
||||||
`;
|
`;
|
||||||
|
|
Loading…
Reference in a new issue