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: Remove emotion error when displaying logs (#31026)

Browse Source 
* Remove emotion error

* Remove redundant context variable
This commit is contained in:
Ivana Huckova 2021-02-09 14:57:06 +01:00 committed by GitHub
parent b46235715d
commit c69c8bd47c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/Logs/LogRowMessage.tsx
View File

@ -117,7 +117,7 @@ class UnThemedLogRowMessage extends PureComponent<Props> {
)} )}
</span> </span>
{showContextToggle?.(row) && ( {showContextToggle?.(row) && (
<span onClick={this.onContextToggle} className={cx(style.context)}> <span onClick={this.onContextToggle} className={cx('log-row-context', style.context)}>
{contextIsOpen ? 'Hide' : 'Show'} context {contextIsOpen ? 'Hide' : 'Show'} context
</span> </span>
)} )}

16
packages/grafana-ui/src/components/Logs/getLogRowStyles.ts
View File

@ -7,13 +7,6 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
let logColor = theme.isLight ? theme.palette.gray5 : theme.palette.gray2; let logColor = theme.isLight ? theme.palette.gray5 : theme.palette.gray2;
const hoverBgColor = styleMixins.hoverColor(theme.colors.panelBg, theme); const hoverBgColor = styleMixins.hoverColor(theme.colors.panelBg, theme);
const context = css`
label: context;
visibility: hidden;
white-space: nowrap;
position: relative;
`;
switch (logLevel) { switch (logLevel) {
case LogLevel.crit: case LogLevel.crit:
case LogLevel.critical: case LogLevel.critical:
@ -61,7 +54,12 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
label: logs-rows__horizontal-scroll; label: logs-rows__horizontal-scroll;
overflow: auto; overflow: auto;
`, `,
context: context, context: css`
label: context;
visibility: hidden;
white-space: nowrap;
position: relative;
`,
logsRow: css` logsRow: css`
label: logs-row; label: logs-row;
width: 100%; width: 100%;
@ -69,7 +67,7 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
vertical-align: top; vertical-align: top;
&:hover { &:hover {
.${context} { .log-row-context {
visibility: visible; visibility: visible;
z-index: 1; z-index: 1;
margin-left: 10px; margin-left: 10px;