[7.x] [Logs UI] Adds purely visual changes to to the popovers and the settings view. (#86764) (#87282)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Katrin Freihofner 2021-01-05 16:02:26 +01:00 committed by GitHub
parent 52c963201e
commit f93c0d71da
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 4 deletions

View file

@ -51,6 +51,7 @@ export const AlertDropdown = () => {
return (
<>
<EuiPopover
panelPaddingSize="none"
button={
<EuiButtonEmpty iconSide={'right'} iconType={'arrowDown'} onClick={openPopover}>
<FormattedMessage id="xpack.infra.alerting.logs.alertsButton" defaultMessage="Alerts" />

View file

@ -79,7 +79,13 @@ export const LogEntryContextMenu: React.FC<LogEntryContextMenuProps> = ({
return (
<LogEntryContextMenuContent>
<AbsoluteWrapper>
<EuiPopover closePopover={onClose} isOpen={isOpen} button={button} ownFocus={true}>
<EuiPopover
panelPaddingSize="none"
closePopover={onClose}
isOpen={isOpen}
button={button}
ownFocus={true}
>
<EuiContextMenuPanel items={wrappedItems} />
</EuiPopover>
</AbsoluteWrapper>

View file

@ -59,7 +59,7 @@ export const LogColumnsConfigurationPanel: React.FunctionComponent<LogColumnsCon
<h3>
<FormattedMessage
id="xpack.infra.sourceConfiguration.logColumnsSectionTitle"
defaultMessage="Log Columns"
defaultMessage="Log columns"
/>
</h3>
</EuiTitle>
@ -182,7 +182,7 @@ const FieldLogColumnConfigurationPanel: React.FunctionComponent<{
);
return (
<EuiPanel data-test-subj={`logColumnPanel fieldLogColumnPanel fieldLogColumnPanel:${field}`}>
<EuiFlexGroup>
<EuiFlexGroup alignItems="center">
<EuiFlexItem grow={false}>
<div data-test-subj="moveLogColumnHandle" {...dragHandleProps}>
<EuiIcon type="grab" />
@ -212,7 +212,7 @@ const ExplainedLogColumnConfigurationPanel: React.FunctionComponent<{
<EuiPanel
data-test-subj={`logColumnPanel systemLogColumnPanel systemLogColumnPanel:${fieldName}`}
>
<EuiFlexGroup>
<EuiFlexGroup alignItems="center">
<EuiFlexItem grow={false}>
<div data-test-subj="moveLogColumnHandle" {...dragHandleProps}>
<EuiIcon type="grab" />