Web: Files: fixed hover selection for mobile devices

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

View File

@ -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;

View File

@ -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) =>