@grafana/ui
Version:
Grafana Components Library
71 lines (68 loc) • 1.67 kB
JavaScript
import { css } from '@emotion/react';
"use strict";
function getFilterTableStyles(theme) {
return css({
".filter-table *": {
boxSizing: "border-box"
},
".filter-table": {
width: "100%",
borderCollapse: "separate",
tbody: {
"tr:nth-of-type(odd)": {
background: theme.colors.emphasize(theme.colors.background.primary, 0.02)
}
},
th: {
width: "auto",
padding: theme.spacing(0.5, 1),
textAlign: "left",
lineHeight: "30px",
height: "30px",
whiteSpace: "nowrap"
},
td: {
padding: theme.spacing(0.5, 1),
lineHeight: "30px",
height: "30px",
whiteSpace: "nowrap"
},
".link-td": {
padding: 0,
lineHeight: "30px",
height: "30px",
whiteSpace: "nowrap",
a: {
display: "block",
padding: theme.spacing(0, 1),
height: "30px"
}
},
".ellipsis": {
display: "block",
width: "100%",
whiteSpace: "nowrap",
overflow: "hidden",
textOverflow: "ellipsis"
},
".expanded": {
borderColor: theme.components.panel.background
},
".expanded > td": {
paddingBottom: 0
},
".filter-table__avatar": {
width: "25px",
height: "25px",
borderRadius: theme.shape.radius.circle
},
"&--hover": {
"tbody tr:hover": {
background: theme.colors.emphasize(theme.colors.background.primary, 0.05)
}
}
}
});
}
export { getFilterTableStyles };
//# sourceMappingURL=filterTable.mjs.map