Web: Files: fixed TileContainer styles

This commit is contained in:
Nikita Gopienko 2021-11-09 15:12:24 +03:00
parent df09343eb4
commit de49f86398
3 changed files with 6 additions and 31 deletions

View File

@ -136,7 +136,7 @@ const SimpleFilesRow = (props) => {
);
return (
<StyledWrapper ref={props.selectableRef}>
<StyledWrapper>
<DragAndDrop
data-title={item.title}
value={value}

View File

@ -43,6 +43,7 @@ const checkedStyle = css`
const StyledTile = styled.div`
cursor: ${(props) => (!props.isRecycleBin ? "pointer" : "default")};
min-height: 57px;
box-sizing: border-box;
width: 100%;
border: 1px solid #d0d5da;
border-radius: 3px;
@ -226,7 +227,7 @@ const StyledFileTileBottom = styled.div`
${FlexBoxStyles}
padding: 9px 10px;
padding-right: 0;
min-height: 56px;
height: 56px;
box-sizing: border-box;
`;

View File

@ -11,30 +11,18 @@ import CustomScrollbarsVirtualList from "@appserver/components/scrollbar";
import { tablet, desktop } from "@appserver/components/utils/device";
const foldersStyle = css`
grid-gap: 19px 14px;
@media ${desktop} {
margin-left: -1px;
padding-right: 1px;
}
grid-gap: 19px 16px;
@media ${tablet} {
grid-gap: 17px 12px;
margin-left: -1px;
}
`;
const filesStyle = css`
grid-gap: 14px 18px;
@media ${desktop} {
padding-right: 5px;
}
grid-gap: 14px 16px;
@media ${tablet} {
grid-gap: 12px 14px;
margin-left: -1px;
padding-right: 2px;
grid-gap: 12px;
}
`;
@ -59,10 +47,6 @@ const StyledTileContainer = styled.div`
}
&.folder {
padding: 0;
.drag-and-drop {
margin: 0px;
}
}
}
@ -74,16 +58,6 @@ const StyledTileContainer = styled.div`
&.files {
padding-top: 8px;
}
margin-left: -1px;
}
@media (min-width: 1024px) {
.tile-item-wrapper {
&.file {
margin-left: 1px;
}
}
}
@media ${tablet} {