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

Web: Files: RowsView: fixed selected and dragging styles

Browse Source
This commit is contained in:
Artem Tarasov 2021-10-01 17:44:46 +03:00
parent f497e28241
commit 7b77aa3ade
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js
View File

@ -12,7 +12,25 @@ import SharedButton from "../../../../../components/SharedButton";
import ItemIcon from "../../../../../components/ItemIcon"; import ItemIcon from "../../../../../components/ItemIcon";
const checkedStyle = css` const checkedStyle = css`
background: #f8f9f9; background: #f3f4f4;
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
@media (max-width: 1024px) {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
`;
const draggingStyle = css`
background: #f8f7bf;
&:hover {
background: #efefb2;
}
margin-left: -24px; margin-left: -24px;
margin-right: -24px; margin-right: -24px;
padding-left: 24px; padding-left: 24px;
@ -30,14 +48,17 @@ const StyledWrapper = styled.div`
.files-item { .files-item {
border-left: none; border-left: none;
border-right: none; border-right: none;
margin-left: 0;
} }
`; `;
const StyledSimpleFilesRow = styled(Row)` const StyledSimpleFilesRow = styled(Row)`
${(props) => props.checked && checkedStyle}; ${(props) => props.checked && checkedStyle};
${(props) => props.dragging && draggingStyle}
position: unset; position: unset;
cursor: ${(props) => props.checked && `url(images/cursor.palm.svg), auto`}; cursor: ${(props) => props.checked && `url(images/cursor.palm.svg), auto`};
margin-top: -2px; margin-top: -2px;
${(props) => ${(props) =>
!props.contextOptions && !props.contextOptions &&
` `
@ -136,6 +157,7 @@ const SimpleFilesRow = (props) => {
checked={checkedProps} checked={checkedProps}
{...contextOptionsProps} {...contextOptionsProps}
contextButtonSpacerWidth={displayShareButton} contextButtonSpacerWidth={displayShareButton}
dragging={dragging && isDragging}
> >
<FilesRowContent <FilesRowContent
item={item} item={item}