IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-12-02 05:29:42 -06:00
Code Issues Packages Projects Releases Wiki Activity

Table: Tweak to type icon styles (#40596)

Browse Source
This commit is contained in:
Torkel Ödegaard 2021-10-19 08:53:56 +02:00 committed by GitHub
parent e226480e06
commit d179c2a4e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/Table/HeaderRow.tsx
View File

@ -61,7 +61,7 @@ function renderHeaderCell(column: any, tableStyles: TableStyles, field?: Field,
title={column.render('Header')}
>
{showTypeIcons && (
<Icon name={getFieldTypeIcon(field)} title={field?.type} size="sm" style={{ marginRight: '8px' }} />
<Icon name={getFieldTypeIcon(field)} title={field?.type} size="sm" className={tableStyles.typeIcon} />
)}
<div>{column.render('Header')}</div>
<div>

4
packages/grafana-ui/src/components/Table/styles.ts
View File

@ -170,6 +170,10 @@ export const getTableStyles = (theme: GrafanaTheme2) => {
cursor: pointer;
padding: 0 ${theme.spacing(0.025)};
`,
typeIcon: css`
margin-right: ${theme.spacing(1)};
color: ${theme.colors.text.secondary};
`,
noData: css`
align-items: center;
display: flex;