Web: Files: fixed dragging thirdparty folder
This commit is contained in:
parent
4f0edbe593
commit
4c454c7ad1
@ -60,7 +60,7 @@ export default function withFileActions(WrappedFileItem) {
|
||||
isActive,
|
||||
} = this.props;
|
||||
|
||||
const { id, isFolder } = item;
|
||||
const { id, isFolder, isThirdPartyFolder } = item;
|
||||
|
||||
const notSelectable = e.target.classList.contains("not-selectable");
|
||||
const isFileName = e.target.classList.contains("item-file-name");
|
||||
@ -72,7 +72,12 @@ export default function withFileActions(WrappedFileItem) {
|
||||
)
|
||||
return e;
|
||||
|
||||
if (window.innerWidth < 1025 || notSelectable || isMobile) {
|
||||
if (
|
||||
window.innerWidth < 1025 ||
|
||||
notSelectable ||
|
||||
isMobile ||
|
||||
isThirdPartyFolder
|
||||
) {
|
||||
return e;
|
||||
}
|
||||
|
||||
|
@ -56,7 +56,10 @@ const StyledSimpleFilesRow = styled(Row)`
|
||||
${(props) => (props.checked || props.isActive) && checkedStyle};
|
||||
${(props) => props.dragging && draggingStyle}
|
||||
position: unset;
|
||||
cursor: ${(props) => props.checked && `url(images/cursor.palm.svg), auto`};
|
||||
cursor: ${(props) =>
|
||||
!props.isThirdPartyFolder &&
|
||||
(props.checked || props.isActive) &&
|
||||
"url(images/cursor.palm.svg), auto"};
|
||||
margin-top: -2px;
|
||||
|
||||
${(props) =>
|
||||
@ -160,6 +163,7 @@ const SimpleFilesRow = (props) => {
|
||||
contextButtonSpacerWidth={displayShareButton}
|
||||
dragging={dragging && isDragging}
|
||||
isActive={isActive}
|
||||
isThirdPartyFolder={item.isThirdPartyFolder}
|
||||
>
|
||||
<FilesRowContent
|
||||
item={item}
|
||||
|
@ -58,7 +58,9 @@ const StyledTableRow = styled(TableRow)`
|
||||
background: ${(props) =>
|
||||
(props.checked || props.isActive) && "#F3F4F4 !important"};
|
||||
cursor: ${(props) =>
|
||||
(props.checked || props.isActive) && "url(images/cursor.palm.svg), auto"};
|
||||
!props.isThirdPartyFolder &&
|
||||
(props.checked || props.isActive) &&
|
||||
"url(images/cursor.palm.svg), auto"};
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@ -238,6 +240,7 @@ const FilesTableRow = (props) => {
|
||||
checked={checkedProps}
|
||||
isActive={isActive}
|
||||
onHideContextMenu={onHideContextMenu}
|
||||
isThirdPartyFolder={item.isThirdPartyFolder}
|
||||
>
|
||||
<TableCell {...dragStyles} {...selectionProp}>
|
||||
<FileNameCell {...props} />
|
||||
|
@ -428,8 +428,15 @@ class FilesActionStore {
|
||||
};
|
||||
|
||||
selectRowAction = (checked, file) => {
|
||||
const { selected, setSelected, selectFile, deselectFile } = this.filesStore;
|
||||
const {
|
||||
selected,
|
||||
setSelected,
|
||||
selectFile,
|
||||
deselectFile,
|
||||
setBufferSelection,
|
||||
} = this.filesStore;
|
||||
//selected === "close" && setSelected("none");
|
||||
setBufferSelection(null);
|
||||
if (checked) {
|
||||
selectFile(file);
|
||||
} else {
|
||||
|
@ -98,6 +98,7 @@ class FilesStore {
|
||||
};
|
||||
|
||||
setStartDrag = (startDrag) => {
|
||||
this.selection = this.selection.filter((x) => !x.isThirdPartyFolder); // removed root thirdparty folders
|
||||
this.startDrag = startDrag;
|
||||
};
|
||||
|
||||
@ -1130,6 +1131,7 @@ class FilesStore {
|
||||
)
|
||||
: null;
|
||||
const contextOptions = this.getFilesContextOptions(item, canOpenPlayer);
|
||||
const isThirdPartyFolder = providerKey && id === rootFolderId;
|
||||
|
||||
//const isCanWebEdit = canWebEdit(item.fileExst);
|
||||
const icon =
|
||||
@ -1212,6 +1214,7 @@ class FilesStore {
|
||||
previewUrl,
|
||||
folderUrl,
|
||||
href,
|
||||
isThirdPartyFolder,
|
||||
};
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user