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

Web: Files: Tiles: Fixed icon element width for mobile devices

Browse Source
This commit is contained in:
Ilya Oleshko 2021-10-12 15:55:09 +03:00
parent 7bd30497a9
commit 42fdb1eb11
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
View File

@ -144,6 +144,10 @@ const StyledTile = styled.div`
.file-icon_container {
min-width: 36px;
@media ${tablet} {
min-width: 28px;
}
}
:hover {
@ -345,17 +349,19 @@ class Tile extends React.PureComponent {
>
{isFolder || (!fileExst && id === -1) ? (
<>
{renderCheckbox && id !== -1 && !isEdit && (
<Checkbox
className="checkbox file-checkbox"
isChecked={checked}
isIndeterminate={indeterminate}
onChange={this.changeCheckbox}
/>
)}
{renderElement && !(!fileExst && id === -1) && !isEdit && (
<StyledElement className="file-icon">{element}</StyledElement>
)}
<div className="file-icon_container">
{renderCheckbox && id !== -1 && !isEdit && (
<Checkbox
className="checkbox file-checkbox"
isChecked={checked}
isIndeterminate={indeterminate}
onChange={this.changeCheckbox}
/>
)}
{renderElement && !(!fileExst && id === -1) && !isEdit && (
<StyledElement className="file-icon">{element}</StyledElement>
)}
</div>
<StyledContent
isFolder={(isFolder && !fileExst) || (!fileExst && id === -1)}
>