Web: Files: fixed row styles

This commit is contained in:
Nikita Gopienko 2022-09-30 14:47:15 +03:00
parent 2f69683981
commit 6edf75e309
2 changed files with 15 additions and 11 deletions

View File

@ -175,10 +175,6 @@ const StyledSimpleFilesRow = styled(Row)`
.expandButton {
margin-left: 6px;
padding-top: 0px;
margin-right: 16px;
@media ${tablet} {
margin-right: 12px;
}
}
`;

View File

@ -31,31 +31,39 @@ const StyledScroll = styled.div`
const rowStyles = css`
margin-left: -20px;
width: ${({ width }) => width + 38 + "px !important"};
width: ${({ width }) => width + 40 + "px !important"};
.ReactVirtualized__Grid__innerScrollContainer {
max-width: ${({ width }) => width + 38 + "px !important"};
max-width: ${({ width }) => width + 40 + "px !important"};
}
@media ${tablet} {
width: ${({ width }) => width + 34 + "px !important"};
width: ${({ width }) => width + 36 + "px !important"};
.ReactVirtualized__Grid__innerScrollContainer {
max-width: ${({ width }) => width + 34 + "px !important"};
max-width: ${({ width }) => width + 36 + "px !important"};
}
}
@media ${mobile} {
width: ${({ width }) => width + 28 + "px !important"};
.ReactVirtualized__Grid__innerScrollContainer {
max-width: ${({ width }) => width + 28 + "px !important"};
}
}
.row-list-item {
padding-left: 16px;
width: calc(100% - 16px) !important;
width: calc(100% - 36px) !important;
@media ${tablet} {
padding-left: 20px;
width: calc(100% - 20px) !important;
width: calc(100% - 36px) !important;
}
@media ${mobile} {
width: calc(100% - 20px) !important;
width: calc(100% - 28px) !important;
}
}
`;