Web: Files: fixed hover selection for mobile devices
This commit is contained in:
parent
b6381a15f3
commit
a151611b42
@ -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;
|
||||
|
@ -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) =>
|
||||
|
Loading…
Reference in New Issue
Block a user