diff --git a/packages/nc-gui/components/smartsheet/grid/Table.vue b/packages/nc-gui/components/smartsheet/grid/Table.vue index 5250127c6c..5aee5fd267 100644 --- a/packages/nc-gui/components/smartsheet/grid/Table.vue +++ b/packages/nc-gui/components/smartsheet/grid/Table.vue @@ -1429,6 +1429,10 @@ const handleCellClick = (event: MouseEvent, row: number, col: number) => { 'align-middle': !rowHeight || rowHeight === 1, 'align-top': rowHeight && rowHeight !== 1, 'filling': isCellInFillRange(rowIndex, colIndex), + 'readonly': + (isLookup(columnObj) || isRollup(columnObj) || isFormula(columnObj)) && + hasEditPermission && + isCellSelected(rowIndex, colIndex), }" :data-testid="`cell-${columnObj.title}-${rowIndex}`" :data-key="`data-key-${rowIndex}-${columnObj.id}`" @@ -1771,6 +1775,10 @@ const handleCellClick = (event: MouseEvent, row: number, col: number) => { @apply text-primary border-current bg-primary bg-opacity-5; } + td.active.readonly::after { + @apply text-primary bg-grey-50 bg-opacity-5 !border-gray-200; + } + td.active-cell::after { @apply border-1 border-solid text-primary border-current bg-primary bg-opacity-3; }