luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Remove margin on hover if table readonly (#4022)

Browse source 
Co-authored-by: Rajat-Dabade <rajat.dabade@mattermost.com>
This commit is contained in:
Tymoteusz Kossek 2022-11-01 18:30:04 +01:00 committed by GitHub
parent 9cc1071945
commit ffacc17e35
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
View file

@ -2153,7 +2153,7 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
</button>
</div>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>
@ -2194,7 +2194,7 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
</div>
</div>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>

8
webapp/src/components/table/__snapshots__/table.test.tsx.snap
View file

@ -1876,7 +1876,7 @@ exports[`components/table/Table limited card in table view 1`] = `
class="table-row-container"
>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>
@ -1955,7 +1955,7 @@ exports[`components/table/Table limited card in table view 1`] = `
</div>
</div>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>
@ -2710,7 +2710,7 @@ exports[`components/table/Table should match snapshot without permissions 1`] =
class="table-row-container"
>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>
@ -2945,7 +2945,7 @@ exports[`components/table/Table should match snapshot, read-only 1`] = `
class="table-row-container"
>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>

2
webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap
View file

@ -333,7 +333,7 @@ exports[`components/table/TableRow should match snapshot, isSelected 1`] = `
exports[`components/table/TableRow should match snapshot, read-only 1`] = `
<div>
<div
class="TableRow octo-table-row"
class="TableRow octo-table-row readonly"
draggable="true"
style="opacity: 1;"
>

4
webapp/src/components/table/tableRow.scss
View file

@ -53,6 +53,10 @@
}
}
&.readonly:hover {
margin-left: unset;
}
.action-cell {
display: none;
margin-left: 20px;

3
webapp/src/components/table/tableRow.tsx
View file

@ -100,6 +100,9 @@ const TableRow = (props: Props) => {
className += ' hidden'
}
}
if (props.readonly) {
className += ' readonly'
}
const handleDeleteCard = useCallback(async () => {
if (!card) {