IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-28 03:34:15 -06:00
Code Issues Packages Projects Releases Wiki Activity

LogRow: Fixed background-height when hovering and label-alignment (#51027)

Browse Source 
* fixed logline's hover-height difference

* vertically aligned log-labels

* moved labelalignment to cells
This commit is contained in:
Sven Grossmann 2022-06-20 11:11:29 +02:00 committed by GitHub
parent 5d65d4ce03
commit e350cc1d7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -75,6 +75,7 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme2, logLevel?: L
}
> td {
position: relative;
padding-right: ${theme.spacing(1)};
border-top: ${theme.v1.border.width.sm} solid transparent;
border-bottom: ${theme.v1.border.width.sm} solid transparent;
@ -93,7 +94,6 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme2, logLevel?: L
`,
logsRowLevel: css`
label: logs-row__level;
position: relative;
max-width: 10px;
cursor: default;
&::after {
@ -112,7 +112,6 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme2, logLevel?: L
`,
logsRowToggleDetails: css`
label: logs-row-toggle-details__level;
position: relative;
font-size: 9px;
padding-top: 5px;
max-width: 15px;
@ -125,6 +124,11 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme2, logLevel?: L
label: logs-row__labels;
white-space: nowrap;
max-width: 22em;
/* This is to make the labels vertical align */
> span {
margin-top: 0.75px;
}
`,
logsRowMessage: css`
label: logs-row__message;