mirror of
https://github.com/grafana/grafana.git
synced 2025-02-11 16:15:42 -06:00
* Add and configure eslint-plugin-import * Fix the lint:ts npm command * Autofix + prettier all the files * Manually fix remaining files * Move jquery code in jest-setup to external file to safely reorder imports * Resolve issue caused by circular dependencies within Prometheus * Update .betterer.results * Fix missing // @ts-ignore * ignore iconBundle.ts * Fix missing // @ts-ignore
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import { css } from '@emotion/css';
|
|
|
|
import { GrafanaTheme } from '@grafana/data';
|
|
|
|
export function getModalStyles(theme: GrafanaTheme) {
|
|
return {
|
|
myTable: css`
|
|
max-height: 204px;
|
|
overflow-y: auto;
|
|
margin-top: 11px;
|
|
margin-bottom: 28px;
|
|
border-radius: ${theme.border.radius.sm};
|
|
border: 1px solid ${theme.colors.bg3};
|
|
background: ${theme.colors.bg1};
|
|
color: ${theme.colors.textSemiWeak};
|
|
font-size: ${theme.typography.size.md};
|
|
width: 100%;
|
|
|
|
thead {
|
|
color: #538ade;
|
|
font-size: ${theme.typography.size.sm};
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: 6px 13px;
|
|
height: ${theme.spacing.xl};
|
|
}
|
|
|
|
tbody > tr:nth-child(odd) {
|
|
background: ${theme.colors.bg2};
|
|
}
|
|
`,
|
|
noteTextbox: css`
|
|
margin-bottom: ${theme.spacing.xl};
|
|
`,
|
|
textInfo: css`
|
|
color: ${theme.colors.textSemiWeak};
|
|
font-size: ${theme.typography.size.sm};
|
|
`,
|
|
dashboardSearch: css`
|
|
margin-top: ${theme.spacing.md};
|
|
`,
|
|
modal: css`
|
|
width: 500px;
|
|
`,
|
|
modalText: css`
|
|
font-size: ${theme.typography.heading.h4};
|
|
color: ${theme.colors.link};
|
|
margin-bottom: calc(${theme.spacing.d} * 2);
|
|
padding-top: ${theme.spacing.d};
|
|
`,
|
|
};
|
|
}
|