IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Explore: Unify background color for fresh logs (#18973)

Browse Source
This commit is contained in:
Ivana Huckova
2019-09-10 11:30:25 +02:00
committed by GitHub
parent 0e3e874eee
commit 2c5d1745ca
5 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/app/features/explore/LiveLogs.tsx
View File

@@ -1,8 +1,9 @@
import React, { PureComponent } from 'react';
import { css, cx } from 'emotion';
import tinycolor from 'tinycolor2';
import { last } from 'lodash';
import { Themeable, withTheme, GrafanaTheme, selectThemeVariant, getLogRowStyles } from '@grafana/ui';
import { Themeable, withTheme, GrafanaTheme, getLogRowStyles } from '@grafana/ui';
import { LogsModel, LogRowModel, TimeZone } from '@grafana/data';
import ElapsedTime from './ElapsedTime';
@@ -23,17 +24,15 @@ const getStyles = (theme: GrafanaTheme) => ({
logsRowFresh: css`
label: logs-row-fresh;
color: ${theme.colors.text};
background-color: ${selectThemeVariant(
{ light: theme.background.logsFresh, dark: theme.background.logsFresh },
theme.type
)};
background-color: ${tinycolor(theme.colors.blueLight)
.setAlpha(0.25)
.toString()};
animation: fade 1s ease-out 1s 1 normal forwards;
@keyframes fade {
from {
background-color: ${selectThemeVariant(
{ light: theme.background.logsFresh, dark: theme.background.logsFresh },
theme.type
)};
background-color: ${tinycolor(theme.colors.blueLight)
.setAlpha(0.25)
.toString()};
}
to {
background-color: transparent;