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

Web:Client:Home: fix active drag styles for rooms for tile view

Browse Source
This commit is contained in:
TimofeyBoyko 2022-10-18 20:04:21 +05:00
parent 5b912d76f7
commit 1b5b91d450
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/client/src/pages/Home/Section/Body/TilesView/FileTile.js
View File

@ -1,4 +1,5 @@
import React from "react";
import styled from "styled-components";
import { inject, observer } from "mobx-react";
import { withTranslation } from "react-i18next";
import DragAndDrop from "@docspace/components/drag-and-drop";
@ -12,6 +13,10 @@ import withQuickButtons from "../../../../../HOCs/withQuickButtons";
import ItemIcon from "../../../../../components/ItemIcon";
import withBadges from "../../../../../HOCs/withBadges";
const StyledDragAndDrop = styled(DragAndDrop)`
border-radius: 6px;
`;
const FileTile = (props) => {
const {
item,
@ -70,7 +75,7 @@ const FileTile = (props) => {
return (
<div ref={props.selectableRef} id={id}>
<DragAndDrop
<StyledDragAndDrop
data-title={item.title}
value={value}
className={`files-item ${className} ${item.id}_${item.fileExst}`}
@ -121,7 +126,7 @@ const FileTile = (props) => {
/>
{badgesComponent}
</Tile>
</DragAndDrop>
</StyledDragAndDrop>
</div>
);
};

6
packages/client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
View File

@ -123,8 +123,7 @@ const StyledTile = styled.div`
props.isFolder &&
props.dragging &&
css`
background: ${(props) =>
props.theme.filesSection.rowView.draggingBackground};
background: ${(props) => props.theme.dragAndDrop.background};
`};
${(props) => props.showHotkeyBorder && "border-color: #2DA7DB"};
}
@ -140,8 +139,7 @@ const StyledTile = styled.div`
props.isFolder &&
props.dragging &&
css`
background: ${(props) =>
props.theme.filesSection.rowView.draggingHoverBackground};
background: ${(props) => props.theme.dragAndDrop.acceptBackground};
`};
}