@platform/ui.datagrid/lib/styles/global.grid.mjs

Isolated tabular DataGrid.

import { color, COLORS, constants, style } from '../common';
const { CSS, ROBOTO } = constants;
const BLUE = COLORS.BLUE;
const COMMON = {
    resizer: { backgroundColor: BLUE },
    resizerGuide: {
        backgroundColor: BLUE,
        borderRightColor: BLUE,
        borderBottomColor: BLUE,
    },
};
const STYLES = {
    '': {
        fontFamily: ROBOTO.FAMILY,
    },
    'span.rowHeader, span.colHeader': {
        fontSize: 11,
        color: color.format(-0.7),
    },
    'span.colHeader': {
        position: 'relative',
    },
    '.manualColumnResizer:hover': COMMON.resizer,
    '.manualColumnResizer.active': COMMON.resizer,
    '.manualRowResizer:hover': COMMON.resizer,
    '.manualRowResizer.active': COMMON.resizer,
    '.manualColumnResizerGuide': COMMON.resizerGuide,
    '.manualRowResizerGuide': COMMON.resizerGuide,
    th: {
        borderColor: color.format(-0.15),
    },
    td: {
        position: 'relative',
        borderColor: color.format(-0.1),
        padding: 0,
    },
    'thead tr th': { borderTop: 'none', borderLeft: 'none' },
    'tbody tr th': { borderLeft: 'none' },
};
style.global(STYLES, { prefix: `.${CSS.CLASS.GRID.BASE}.handsontable` });