maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[Logs UI] Refine log entry row context button (#71260)

Browse source 
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Alejandro Fernández 2020-07-14 13:28:35 +02:00 committed by GitHub
parent a4efa1ead0
commit d8204643fe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
View file

@ -6,7 +6,13 @@
import React, { useMemo } from 'react';
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 { LogEntryColumnContent } from './log_entry_column';
@ -50,12 +56,15 @@ export const LogEntryContextMenu: React.FC<LogEntryContextMenuProps> = ({
const button = (
<ButtonWrapper>
<EuiButtonIcon
<EuiButton
size="s"
fill
aria-label={ariaLabel || DEFAULT_MENU_LABEL}
color="ghost"
iconType="boxesHorizontal"
onClick={onOpen}
/>
style={{ minWidth: 'auto' }}
>
<EuiIcon type="boxesHorizontal" />
</EuiButton>
</ButtonWrapper>
);
@ -88,8 +97,5 @@ const AbsoluteWrapper = euiStyled.div`
`;
const ButtonWrapper = euiStyled.div`
background: ${(props) => props.theme.eui.euiColorPrimary};
border-radius: 50%;
padding: 4px;
transform: translateY(-6px);
transform: translate(-6px, -6px);
`;