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

Web:Files:Badges:Added check for isTablet device for row view.

Browse Source
This commit is contained in:
Vlada Gazizova 2021-12-30 14:29:46 +03:00
parent 1645386669
commit 5fb4de9537
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js
View File

@ -2,7 +2,7 @@ import React, { useCallback } from "react";
import { withRouter } from "react-router";
import { withTranslation } from "react-i18next";
import styled from "styled-components";
import { isMobile } from "react-device-detect";
import { isMobile, isTablet } from "react-device-detect";
import moment from "moment";
import Link from "@appserver/components/link";
@ -44,10 +44,8 @@ const SimpleFilesRowContent = styled(RowContent)`
fill: #3b72a7;
}
}
${(props) =>
props.sectionWidth <= 1024 &&
props.sectionWidth > 500 &&
((props.sectionWidth <= 1024 && props.sectionWidth > 500) || isTablet) &&
`
.row-main-container-wrapper {
display: flex;

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

@ -5,6 +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 withFileActions from "../../../../../HOCs/withFileActions";
import withContextOptions from "../../../../../HOCs/withContextOptions";
@ -111,8 +112,7 @@ const StyledSimpleFilesRow = styled(Row)`
}
${(props) =>
props.sectionWidth <= 1024 &&
props.sectionWidth > 500 &&
((props.sectionWidth <= 1024 && props.sectionWidth > 500) || isTablet) &&
`
.row_context-menu-wrapper{
width: min-content;