Web: Files: fixed row styles
This commit is contained in:
parent
2f69683981
commit
6edf75e309
@ -175,10 +175,6 @@ const StyledSimpleFilesRow = styled(Row)`
|
||||
.expandButton {
|
||||
margin-left: 6px;
|
||||
padding-top: 0px;
|
||||
margin-right: 16px;
|
||||
@media ${tablet} {
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user