Web: Files: fixed TileContainer styles
This commit is contained in:
parent
df09343eb4
commit
de49f86398
@ -136,7 +136,7 @@ const SimpleFilesRow = (props) => {
|
||||
);
|
||||
|
||||
return (
|
||||
<StyledWrapper ref={props.selectableRef}>
|
||||
<StyledWrapper>
|
||||
<DragAndDrop
|
||||
data-title={item.title}
|
||||
value={value}
|
||||
|
@ -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;
|
||||
`;
|
||||
|
||||
|
@ -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} {
|
||||
|
Loading…
Reference in New Issue
Block a user