[TSVB/SCSS] Migrate timeseries_visualization.scss file (#221094)

## Summary

Part of https://github.com/elastic/kibana/issues/220095

Migrates `timeseries_visualization.scss` file.

### Considerations

For details on considerations, read
[this](https://github.com/elastic/kibana/issues/220095#issuecomment-2911737679).

## Checklist

- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
This commit is contained in:
Maria Iriarte 2025-05-29 14:52:40 +02:00 committed by GitHub
parent c4068fcbee
commit 7ed6ae863a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 6 deletions

View file

@ -1,3 +0,0 @@
.tvbLastValueIndicator {
align-self: flex-end;
}

View file

@ -7,8 +7,6 @@
* License v3.0 only", or the "Server Side Public License, v 1".
*/
import './timeseries_visualization.scss';
import React, { Suspense, useCallback, useEffect, useState } from 'react';
import { EuiFlexGroup, EuiFlexItem, EuiLoadingChart } from '@elastic/eui';
import { XYChartSeriesIdentifier, GeometryValue } from '@elastic/charts';
@ -16,6 +14,7 @@ import { IUiSettingsClient } from '@kbn/core/public';
import { IInterpreterRenderHandlers } from '@kbn/expressions-plugin/common';
import { PersistedState } from '@kbn/visualizations-plugin/public';
import type { PaletteRegistry } from '@kbn/coloring';
import { css } from '@emotion/react';
import { TimeseriesLoading } from './timeseries_loading';
import { TimeseriesVisTypes } from './vis_types';
import type { FetchedIndexPattern, PanelData, TimeseriesVisData } from '../../../common/types';
@ -169,7 +168,13 @@ function TimeseriesVisualization({
return (
<EuiFlexGroup direction="column" gutterSize="none" responsive={false}>
{shouldDisplayLastValueIndicator && (
<EuiFlexItem className="tvbLastValueIndicator" grow={false}>
<EuiFlexItem
className="tvbLastValueIndicator"
css={css`
align-self: flex-end;
`}
grow={false}
>
<LastValueModeIndicator
seriesData={firstSeries?.data}
ignoreDaylightTime={model.ignore_daylight_time}