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

Web:Files:Badges:Styling badges.

Browse Source
This commit is contained in:
Vlada Gazizova 2021-12-17 09:54:25 +03:00
parent 302d044e58
commit 87a16df529
2 changed files with 40 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/FilesRowContent.js
View File

@ -28,7 +28,7 @@ const SimpleFilesRowContent = styled(RowContent)`
}
${(props) =>
props.sectionWidth < 1025 &&
props.sectionWidth <= 1024 &&
props.sectionWidth > 500 &&
`
.row-main-container-wrapper {

53
products/ASC.Files/Client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js
View File

@ -96,12 +96,12 @@ const StyledSimpleFilesRow = styled(Row)`
}
.new-items {
width: 12px;
min-width: max-content;
p {
min-width: 6px;
height: 12px;
}
height: 12px;
border: 0;
padding: 0;
margin-top: 3px;
}
.badge:last-child {
@ -112,6 +112,8 @@ const StyledSimpleFilesRow = styled(Row)`
min-width: 21px;
height: max-content;
margin-right: 8px;
border: 0;
padding: 0;
p {
text-align: center;
@ -126,7 +128,8 @@ const StyledSimpleFilesRow = styled(Row)`
.badges {
display: flex;
align-items: center;
height: 19px;
height: 12px;
margin-top: 3px;
}
.favorite {
@ -134,21 +137,32 @@ const StyledSimpleFilesRow = styled(Row)`
}
.expandButton {
margin-left: 10px;
margin-left: 12px;
}
${(props) =>
props.sectionWidth < 1025 &&
props.sectionWidth <= 1024 &&
props.sectionWidth > 500 &&
`
.badges {
height: 16px;
margin-top: 2.5px;
}
.badge {
width: 16px;
height: 16px;
margin-right: 26px;
margin-right: 24px;
}
.lock-file {
svg {
height: 16px;
}
}
.tablet {
margin-top: 20px;
margin-top: 16px;
}
.tablet:last-child {
@ -156,13 +170,17 @@ const StyledSimpleFilesRow = styled(Row)`
}
.new-items {
margin-top: 20px;
margin-right: -2px;
width: 16px;
height: 16px;
margin-top: 16px;
margin-right: 0.2vw;
p {
padding: 2px;
text-align:center;
padding-top: 2px;
}
}
.badge-version {
min-width: 25px;
@ -172,6 +190,13 @@ const StyledSimpleFilesRow = styled(Row)`
}
}
`}
${(props) =>
props.sectionWidth > 755 &&
`
.new-items {
margin-right: -0.6vw;
}
`}
`;
const SimpleFilesRow = (props) => {