diff --git a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap index 5c24fcd9e..cdac66171 100644 --- a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap +++ b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap @@ -2153,7 +2153,7 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
@@ -2194,7 +2194,7 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
diff --git a/webapp/src/components/table/__snapshots__/table.test.tsx.snap b/webapp/src/components/table/__snapshots__/table.test.tsx.snap index bf89d4dd3..56271e3ea 100644 --- a/webapp/src/components/table/__snapshots__/table.test.tsx.snap +++ b/webapp/src/components/table/__snapshots__/table.test.tsx.snap @@ -1876,7 +1876,7 @@ exports[`components/table/Table limited card in table view 1`] = ` class="table-row-container" >
@@ -1955,7 +1955,7 @@ exports[`components/table/Table limited card in table view 1`] = `
@@ -2710,7 +2710,7 @@ exports[`components/table/Table should match snapshot without permissions 1`] = class="table-row-container" >
@@ -2945,7 +2945,7 @@ exports[`components/table/Table should match snapshot, read-only 1`] = ` class="table-row-container" >
diff --git a/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap b/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap index d3244b2ec..256081afd 100644 --- a/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap +++ b/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap @@ -333,7 +333,7 @@ exports[`components/table/TableRow should match snapshot, isSelected 1`] = ` exports[`components/table/TableRow should match snapshot, read-only 1`] = `
diff --git a/webapp/src/components/table/tableRow.scss b/webapp/src/components/table/tableRow.scss index 5925f4644..56170c2dd 100644 --- a/webapp/src/components/table/tableRow.scss +++ b/webapp/src/components/table/tableRow.scss @@ -53,6 +53,10 @@ } } + &.readonly:hover { + margin-left: unset; + } + .action-cell { display: none; margin-left: 20px; diff --git a/webapp/src/components/table/tableRow.tsx b/webapp/src/components/table/tableRow.tsx index a36595ce7..d96647cac 100644 --- a/webapp/src/components/table/tableRow.tsx +++ b/webapp/src/components/table/tableRow.tsx @@ -100,6 +100,9 @@ const TableRow = (props: Props) => { className += ' hidden' } } + if (props.readonly) { + className += ' readonly' + } const handleDeleteCard = useCallback(async () => { if (!card) {