IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Files: rewrite fill on class

Browse Source
This commit is contained in:
Viktor Fomin 2021-09-16 13:43:34 +03:00
parent ef40908652
commit 33cb69437c
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
products/ASC.Files/Client/src/pages/Home/Section/Body/TableView/TableRow.js
View File

@ -22,6 +22,13 @@ import Base from "@appserver/components/themes/base";
const sideColor = globalColors.gray;
const { acceptBackground, background } = Base.dragAndDrop;
const StyledTableRow = styled(TableRow)`
.table_cell {
background: ${(props) => props.checked && "#f8f9f9 !important"};
cursor: ${(props) => props.checked && "grab"};
}
`;
const StyledDragAndDrop = styled(DragAndDrop)`
display: contents;
`;
@ -142,7 +149,7 @@ const FilesTableRow = (props) => {
onDragOver={onDragOver}
onDragLeave={onDragLeave}
>
<TableRow
<StyledTableRow
{...dragStyles}
dragging={dragging && isDragging}
selectionProp={selectionProp}
@ -155,33 +162,33 @@ const FilesTableRow = (props) => {
{...contextOptionsProps}
checked={checkedProps}
>
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<FileNameCell {...props} />
<StyledBadgesContainer>{badgesComponent}</StyledBadgesContainer>
</TableCell>
{!personal && (
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<AuthorCell sideColor={sideColor} {...props} />
</TableCell>
)}
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<DateCell create sideColor={sideColor} {...props} />
</TableCell>
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<DateCell sideColor={sideColor} {...props} />
</TableCell>
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<SizeCell sideColor={sideColor} {...props} />
</TableCell>
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<TypeCell sideColor={sideColor} {...props} />
</TableCell>
<TableCell {...dragStyles} {...selectionProp} checked={checkedProps}>
<TableCell {...dragStyles} {...selectionProp} className="table_cell">
<StyledShare>{sharedButton}</StyledShare>
</TableCell>
</TableRow>
</StyledTableRow>
</StyledDragAndDrop>
);
};