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

[Logs UI] Polish the UI for the log entry examples in the anomaly table (#82139)

Browse source 
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Alejandro Fernández Gómez 2020-11-26 14:18:42 +01:00 committed by GitHub
parent 36ab99e546
commit b246701d39
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples.tsx
View file

@ -46,4 +46,5 @@ const Wrapper = euiStyled.div`
flex-direction: column;
flex: 1 0 0%;
overflow: hidden;
padding-top: 1px; // Buffer for the "Reload" buttons' hover state
`;

2
x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_empty_indicator.tsx
View file

@ -10,7 +10,7 @@ import React from 'react';
export const LogEntryExampleMessagesEmptyIndicator: React.FunctionComponent<{
onReload: () => void;
}> = ({ onReload }) => (
<EuiFlexGroup alignItems="center" justifyContent="center">
<EuiFlexGroup alignItems="center">
<EuiFlexItem grow={false} className="eui-textNoWrap">
<FormattedMessage
id="xpack.infra.logs.logEntryExamples.exampleEmptyDescription"

2
x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_failure_indicator.tsx
View file

@ -10,7 +10,7 @@ import React from 'react';
export const LogEntryExampleMessagesFailureIndicator: React.FunctionComponent<{
onRetry: () => void;
}> = ({ onRetry }) => (
<EuiFlexGroup alignItems="center" justifyContent="center">
<EuiFlexGroup alignItems="center">
<EuiFlexItem grow={false} className="eui-textNoWrap">
<EuiTextColor color="danger">
<FormattedMessage

12
x-pack/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/expanded_row.tsx
View file

@ -51,9 +51,11 @@ export const AnomaliesTableExpandedRow: React.FunctionComponent<{
<>
<ExpandedContentWrapper direction="column">
<EuiFlexItem>
<EuiTitle size="s">
<EuiTitle size="xs">
<h3>{examplesTitle}</h3>
</EuiTitle>
</EuiFlexItem>
<EuiFlexItem>
<LogEntryExampleMessages
isLoading={isLoadingLogEntryExamples}
hasFailedLoading={hasFailedLoadingLogEntryExamples}
@ -84,8 +86,8 @@ export const AnomaliesTableExpandedRow: React.FunctionComponent<{
<EuiFlexGroup>
<EuiFlexItem grow={false}>
<EuiStat
titleSize="s"
title={`${numeral(anomaly.typical).format('0.00a')} ${i18n.translate(
titleSize="xs"
title={`${numeral(anomaly.typical).format('0.[00]a')} ${i18n.translate(
'xpack.infra.logs.analysis.anomaliesExpandedRowTypicalRateTitle',
{
defaultMessage: '{typicalCount, plural, one {message} other {messages}}',
@ -102,8 +104,8 @@ export const AnomaliesTableExpandedRow: React.FunctionComponent<{
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiStat
titleSize="s"
title={`${numeral(anomaly.actual).format('0.00a')} ${i18n.translate(
titleSize="xs"
title={`${numeral(anomaly.actual).format('0.[00]a')} ${i18n.translate(
'xpack.infra.logs.analysis.anomaliesExpandedRowActualRateTitle',
{
defaultMessage: '{actualCount, plural, one {message} other {messages}}',