diff --git a/packages/web/src/datagrid/ColumnLabel.js b/packages/web/src/datagrid/ColumnLabel.js index 5fdc2b983..89c6eb953 100644 --- a/packages/web/src/datagrid/ColumnLabel.js +++ b/packages/web/src/datagrid/ColumnLabel.js @@ -3,11 +3,17 @@ import React from 'react'; import styled from 'styled-components'; import { FontIcon } from '../icons'; +import useTheme from '../theme/useTheme'; const Label = styled.span` font-weight: ${props => (props.notNull ? 'bold' : 'normal')}; white-space: nowrap; `; +const ExtInfoWrap = styled.span` + font-weight: normal; + margin-left: 5px; + color: ${props => props.theme.left_font3}; +`; export function getColumnIcon(column, forceIcon = false) { if (column.autoIncrement) return 'img autoincrement'; @@ -19,9 +25,11 @@ export function getColumnIcon(column, forceIcon = false) { /** @param column {import('dbgate-datalib').DisplayColumn|import('dbgate-types').ColumnInfo} */ export default function ColumnLabel(column) { const icon = getColumnIcon(column, column.forceIcon); + const theme = useTheme(); return ( ); } diff --git a/packages/web/src/formview/FormView.js b/packages/web/src/formview/FormView.js index fe9915eab..50627a7da 100644 --- a/packages/web/src/formview/FormView.js +++ b/packages/web/src/formview/FormView.js @@ -490,7 +490,12 @@ export default function FormView(props) { isSelected={currentCell[0] == rowIndex && currentCell[1] == chunkIndex * 2} ref={element => setCellRef(rowIndex, chunkIndex * 2, element)} > - + ${col.foreignKey.refTableName}` : null} + /> {col.foreignKey && (