diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js index 035ad94e5f..669373a1d3 100644 --- a/products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js +++ b/products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js @@ -5,7 +5,7 @@ import DragAndDrop from "@appserver/components/drag-and-drop"; import Row from "@appserver/components/row"; import FilesRowContent from "./FilesRowContent"; 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 withQuickButtons from "../../../../../HOCs/withQuickButtons"; @@ -41,8 +41,11 @@ const StyledSimpleFilesRow = styled(Row)` ${(props) => props.dragging && draggingStyle} :hover { - cursor: pointer; - ${checkedStyle} + ${!isMobile && + css` + cursor: pointer; + ${checkedStyle} + `} } position: unset; diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js index 8463aad0f1..8bde1d2377 100644 --- a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js +++ b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js @@ -6,7 +6,7 @@ import { ReactSVG } from "react-svg"; import styled, { css } from "styled-components"; import ContextMenu from "@appserver/components/context-menu"; 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 Loader from "@appserver/components/loader"; @@ -189,8 +189,11 @@ const StyledFileTileBottom = styled.div` border-top: 1px solid transparent; :hover { - ${bottomFileBorder} - ${checkedStyle} + ${!isMobile && + css` + ${bottomFileBorder} + ${checkedStyle} + `} } ${(props) =>