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

Web: Files: fixed hover for row

Browse Source
This commit is contained in:
Nikita Gopienko 2022-09-08 11:48:06 +03:00
parent 4a41235f09
commit d7bd44cfb1
2 changed files with 38 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/common/components/Section/sub-components/section-body.js
View File

@ -36,6 +36,7 @@ const settingsStudioStyles = css`
: css`
@media ${tablet} {
padding: 19px 0 16px 24px;
}
`}
`;
@ -117,23 +118,24 @@ const commonStyles = css`
const StyledSectionBody = styled.div`
max-width: 100vw !important;
${commonStyles}
${commonStyles};
${(props) =>
props.withScroll &&
`
margin-left: -20px;
css`
margin-left: -20px;
@media ${tablet}{
margin-left: -24px;
}
${
isMobile &&
css`
@media ${tablet} {
margin-left: -24px;
`
}
}
`}
${isMobile &&
css`
margin-left: -24px;
`}
.additional-scroll-height {
${(props) =>
!props.withScroll &&
@ -156,20 +158,18 @@ const StyledDropZoneBody = styled(DragAndDrop)`
${(props) =>
props.withScroll &&
`
margin-left: -20px;
css`
margin-left: -20px;
@media ${tablet}{
margin-left: -24px;
}
${
isMobile &&
@media ${tablet} {
margin-left: -24px;
}
${isMobile &&
css`
margin-left: -24px;
`
}
`}
`}
`}
`;
const StyledSpacer = styled.div`

17
packages/components/infinite-loader/StyledInfiniteLoader.js
View File

@ -30,11 +30,24 @@ const StyledScroll = styled.div`
`;
const rowStyles = css`
margin-left: -20px;
width: ${({ width }) => width + 20 + "px !important"};
.ReactVirtualized__Grid__innerScrollContainer {
max-width: ${({ width }) => width + 20 + "px !important"};
}
.row-list-item {
width: calc(100% - 17px) !important;
padding-left: 16px;
width: calc(100% - 33px) !important;
@media ${tablet} {
padding-left: 20px;
width: calc(100% - 37px) !important;
}
@media ${mobile} {
width: calc(100% - 16px) !important;
width: calc(100% - 28px) !important;
}
}
`;