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

Web: Files: fixed hover selection for mobile devices

Browse Source
This commit is contained in:
Nikita Gopienko 2022-05-25 15:42:54 +03:00
parent b6381a15f3
commit a151611b42
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,7 +5,7 @@ import DragAndDrop from "@appserver/components/drag-and-drop";
import Row from "@appserver/components/row"; import Row from "@appserver/components/row";
import FilesRowContent from "./FilesRowContent"; import FilesRowContent from "./FilesRowContent";
import { withRouter } from "react-router-dom"; import { withRouter } from "react-router-dom";
import { isTablet } from "react-device-detect"; import { isTablet, isMobile } from "react-device-detect";
import withFileActions from "../../../../../HOCs/withFileActions"; import withFileActions from "../../../../../HOCs/withFileActions";
import withQuickButtons from "../../../../../HOCs/withQuickButtons"; import withQuickButtons from "../../../../../HOCs/withQuickButtons";
@ -41,8 +41,11 @@ const StyledSimpleFilesRow = styled(Row)`
${(props) => props.dragging && draggingStyle} ${(props) => props.dragging && draggingStyle}
:hover { :hover {
cursor: pointer; ${!isMobile &&
${checkedStyle} css`
cursor: pointer;
${checkedStyle}
`}
} }
position: unset; position: unset;

9
products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
View File

@ -6,7 +6,7 @@ import { ReactSVG } from "react-svg";
import styled, { css } from "styled-components"; import styled, { css } from "styled-components";
import ContextMenu from "@appserver/components/context-menu"; import ContextMenu from "@appserver/components/context-menu";
import { tablet } from "@appserver/components/utils/device"; import { tablet } from "@appserver/components/utils/device";
import { isDesktop } from "react-device-detect"; import { isDesktop, isMobile } from "react-device-detect";
import Link from "@appserver/components/link"; import Link from "@appserver/components/link";
import Loader from "@appserver/components/loader"; import Loader from "@appserver/components/loader";
@ -189,8 +189,11 @@ const StyledFileTileBottom = styled.div`
border-top: 1px solid transparent; border-top: 1px solid transparent;
:hover { :hover {
${bottomFileBorder} ${!isMobile &&
${checkedStyle} css`
${bottomFileBorder}
${checkedStyle}
`}
} }
${(props) => ${(props) =>