github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[streams] ui tweaks (#212701)

Browse source 
- make lifecycle source metadata text size consistent across the cases
- set stream overview chart base theme to the appropriate color
This commit is contained in:
Kevin Lacabane 2025-02-28 09:05:52 +01:00 • committed by GitHub
parent 1ab723f31f
commit 14067ca469
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
x-pack/platform/plugins/shared/streams_app/public/components/data_management/stream_detail_lifecycle/metadata.tsx
View file

@ -103,7 +103,7 @@ export function RetentionMetadata({
) : null;
const lifecycleOrigin = isInheritLifecycle(definition.stream.ingest.lifecycle) ? (
<EuiText>
<EuiText size="s">
{i18n.translate('xpack.streams.streamDetailLifecycle.inheritedFrom', {
defaultMessage: 'Inherited from',
})}{' '}
@ -127,9 +127,11 @@ export function RetentionMetadata({
)}
</EuiText>
) : (
i18n.translate('xpack.streams.streamDetailLifecycle.localOverride', {
defaultMessage: 'Local override',
})
<EuiText size="s">
{i18n.translate('xpack.streams.streamDetailLifecycle.localOverride', {
defaultMessage: 'Local override',
})}
</EuiText>
);
return (

6
x-pack/platform/plugins/shared/streams_app/public/components/esql_chart/controlled_esql_chart.tsx
View file

@ -17,8 +17,10 @@ import {
Settings,
Tooltip,
niceTimeFormatter,
LIGHT_THEME,
DARK_THEME,
} from '@elastic/charts';
import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer } from '@elastic/eui';
import { EuiFlexGroup, EuiFlexItem, EuiIcon, EuiSpacer, useEuiTheme } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import { css } from '@emotion/css';
import { AbortableAsyncState } from '@kbn/react-hooks';
@ -70,6 +72,7 @@ export function ControlledEsqlChart<T extends string>({
const {
core: { uiSettings },
} = useKibana();
const { colorMode } = useEuiTheme();
const allTimeseries = useMemo(
() =>
@ -147,6 +150,7 @@ export function ControlledEsqlChart<T extends string>({
legendPosition={Position.Bottom}
xDomain={xDomain}
locale={i18n.getLocale()}
baseTheme={colorMode === 'LIGHT' ? LIGHT_THEME : DARK_THEME}
/>
<Axis
id="x-axis"