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

Fix Bug 57277 - Client.Files.ThumbnailsView. add spacing between search bar and file/folder tile when list is scrolled

Browse Source
This commit is contained in:
Timofey Boyko 2022-05-24 09:54:58 +03:00
parent 38e3aaa5c4
commit 4bc061b4df
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/asc-web-common/components/FilterInput/StyledFilterInput.js
View File

@ -1,5 +1,7 @@
import styled, { css } from "styled-components";
import { isDesktop } from "react-device-detect";
import SearchInput from "@appserver/components/search-input";
const StyledFilterInput = styled.div`
@ -13,6 +15,11 @@ const StyledFilterInput = styled.div`
margin: 0;
padding: 0;
${isDesktop &&
css`
margin-bottom: 6px;
`}
`;
const StyledSearchInput = styled(SearchInput)`

9
packages/asc-web-common/components/Section/sub-components/section-body.js
View File

@ -3,7 +3,7 @@ import PropTypes from "prop-types";
import styled, { css } from "styled-components";
//import equal from "fast-deep-equal/react";
//import { LayoutContextConsumer } from "studio/Layout/context";
import { isMobile, isMobileOnly } from "react-device-detect";
import { isMobile, isMobileOnly, isDesktop } from "react-device-detect";
import { inject, observer } from "mobx-react";
import Scrollbar from "@appserver/components/scrollbar";
@ -82,8 +82,13 @@ const commonStyles = css`
.files-row-container {
margin-top: -22px;
${isDesktop &&
css`
margin-top: -17px;
`}
@media ${desktop} {
${(props) => props.viewAs === "row" && `margin-top: -9px;`}
${(props) => props.viewAs === "row" && `margin-top: -15px;`}
}
}
}

2
packages/asc-web-components/table-container/StyledTableContainer.js
View File

@ -9,7 +9,7 @@ const StyledTableContainer = styled.div`
width: 100%;
max-width: 100%;
margin-top: -19px;
margin-top: -25px;
display: grid;