diff --git a/packages/react-model-ui/src/views/common/GenericEditors.tsx b/packages/react-model-ui/src/views/common/GenericEditors.tsx index 4be89966..ba78cb85 100644 --- a/packages/react-model-ui/src/views/common/GenericEditors.tsx +++ b/packages/react-model-ui/src/views/common/GenericEditors.tsx @@ -283,7 +283,6 @@ export function GenericNumberEditor({ value={effectiveValue} onValueChange={(e: any) => options.editorCallback(e.value)} className={`w-full ${className} p-inputtext-sm`} - inputStyle={{ padding: '0.25rem' }} onKeyDown={handleGridEditorKeyDown} disabled={isDisabled} autoFocus={!isDisabled} diff --git a/packages/react-model-ui/src/views/common/PrimeDataGrid.tsx b/packages/react-model-ui/src/views/common/PrimeDataGrid.tsx index a2312d76..092aa436 100644 --- a/packages/react-model-ui/src/views/common/PrimeDataGrid.tsx +++ b/packages/react-model-ui/src/views/common/PrimeDataGrid.tsx @@ -1195,7 +1195,16 @@ export function PrimeDataGrid>({ resizableColumns={resizableColumns} columnResizeMode={columnResizeMode} > - {onSelectionChange !== undefined && } + {onSelectionChange !== undefined && ( + { + const rowKey = rowData[keyField]; + return editingRows && rowKey !== undefined && editingRows[rowKey] ? 'p-cell-editing' : ''; + }} + /> + )} {columns.map(col => { const filter = col.filter ?? col.filterType !== undefined; const showFilterMatchModes = col.showFilterMatchModes === undefined ? col.filterType === 'text' : col.showFilterMatchModes; @@ -1224,7 +1233,16 @@ export function PrimeDataGrid>({ ); })} {(onRowDelete || editable) && ( - + { + const rowKey = rowData[keyField]; + return editingRows && rowKey !== undefined && editingRows[rowKey] ? 'p-cell-editing' : ''; + }} + /> )} diff --git a/packages/react-model-ui/style/primereact-overrides.css b/packages/react-model-ui/style/primereact-overrides.css index 8c0c68cc..79cb396b 100644 --- a/packages/react-model-ui/style/primereact-overrides.css +++ b/packages/react-model-ui/style/primereact-overrides.css @@ -75,6 +75,8 @@ /* DataGrid styles */ .p-datatable .p-datatable-tbody > tr > td { + border: 1px solid var(--surface-border); + border-width: 0 0 1px 0; padding: 0.25rem; padding-left: 0.5rem; } @@ -127,11 +129,6 @@ border: 0 none; } -.p-datatable .p-datatable-tbody > tr > td { - border: 1px solid var(--surface-border); - border-width: 0 0 1px 0; -} - .p-datatable .p-datatable-tbody > tr:nth-child(even) { background: var(--surface-hover); } @@ -379,6 +376,7 @@ body[class*='dark'] { /* Form validation styles */ .p-error { color: var(--theia-errorForeground); + margin: 0.25rem 0 0 0; } .p-invalid { @@ -412,8 +410,8 @@ span.w-full.p-autocomplete { } .p-datatable .p-datatable-tbody > tr > td .p-row-action-button.p-button { - width: 1rem; - height: 1rem; + width: 1.3rem; + height: 1.3rem; padding: 0; border-radius: 50%; color: #6b7280; @@ -733,10 +731,6 @@ table[style*='position: fixed'] * { height: 0.6rem; } -.p-inputnumber-input { - padding-right: 1.5rem !important; -} - .grid-cell-container { display: flex; flex-direction: column; @@ -750,7 +744,3 @@ table[style*='position: fixed'] * { font-size: 0.75rem; white-space: normal; } - -.p-datatable .p-datatable-tbody > tr > td { - vertical-align: top !important; -}