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

Web: Files: fixed dragging styles

Browse Source
This commit is contained in:
Nikita Gopienko 2022-05-25 16:28:57 +03:00
parent f6dd1a386b
commit 2eee88dc99
2 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,13 +40,15 @@ const StyledSimpleFilesRow = styled(Row)`
${(props) => (props.checked || props.isActive) && checkedStyle};
${(props) => props.dragging && draggingStyle}
:hover {
${!isMobile &&
${(props) =>
!isMobile &&
!props.isDragging &&
css`
cursor: pointer;
${checkedStyle}
`}
}
:hover {
cursor: pointer;
${checkedStyle}
`}
}
position: unset;
cursor: ${(props) =>
@ -257,6 +259,7 @@ const SimpleFilesRow = (props) => {
contextOptions={item.contextOptions}
contextButtonSpacerWidth={displayShareButton}
dragging={dragging && isDragging}
isDragging={dragging}
isActive={isActive}
inProgress={inProgress}
isThirdPartyFolder={item.isThirdPartyFolder}

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

@ -46,21 +46,25 @@ const contextMenuWrapperDraggingStyle = css`
`;
const StyledTableRow = styled(TableRow)`
:hover {
.table-container_cell {
cursor: pointer;
background: ${(props) =>
`${props.theme.filesSection.tableView.row.backgroundActive} !important`};
}
.table-container_file-name-cell {
margin-left: -24px;
padding-left: 24px;
}
.table-container_row-context-menu-wrapper {
margin-right: -20px;
padding-right: 18px;
}
}
${(props) =>
!props.isDragging &&
css`
:hover {
.table-container_cell {
cursor: pointer;
background: ${(props) =>
`${props.theme.filesSection.tableView.row.backgroundActive} !important`};
}
.table-container_file-name-cell {
margin-left: -24px;
padding-left: 24px;
}
.table-container_row-context-menu-wrapper {
margin-right: -20px;
padding-right: 18px;
}
}
`}
.table-container_cell {
/* ${isSafari && `border-image-slice: 0 !important`}; */
@ -318,6 +322,7 @@ const FilesTableRow = (props) => {
<StyledTableRow
className="table-row"
{...dragStyles}
isDragging={dragging}
dragging={dragging && isDragging}
selectionProp={selectionProp}
key={item.id}