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

Merge pull request #1332 from ONLYOFFICE/feature/row-table-styles

Browse Source 
Removed incorrect styles for my documents, rooms, accounts
This commit is contained in:
Alexey Safronov 2023-04-07 14:20:47 +04:00 committed by GitHub
commit d2703cf4e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
packages/client/src/pages/AccountsHome/Section/Body/RowView/PeopleRowContainer.js
View File

@ -43,7 +43,7 @@ const StyledRowContainer = styled(RowContainer)`
.user-row {
border-top: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
margin-top: -4px;
margin-top: -3px;
${marginStyles}
}
@ -53,7 +53,7 @@ const StyledRowContainer = styled(RowContainer)`
.user-row {
border-top: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
margin-top: -4px;
margin-top: -3px;
${marginStyles}
}
@ -70,7 +70,7 @@ const StyledRowContainer = styled(RowContainer)`
border-bottom: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
padding-bottom: 1px;
padding-top: 1px;
${marginStyles}
}
.user-row::after {
@ -81,61 +81,11 @@ const StyledRowContainer = styled(RowContainer)`
.user-row {
border-top: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
margin-top: -4px;
margin-top: -3px;
${marginStyles}
}
}
.row-selected {
.user-row {
.styled-element {
padding-top: 1px;
}
}
}
@media (max-width: 1024px) {
.row-selected {
.user-row {
margin-top: -3px !important;
padding-bottom: 0.8px !important;
padding-top: 0.8px !important;
.styled-element {
padding-bottom: 0.8px;
.owner_icon {
padding-bottom: 0.8px;
}
}
.expandButton {
padding-bottom: 0.8px;
}
.mainIcons {
.paid-badge {
margin-top: -1px;
}
}
}
}
}
${(props) =>
props.sectionWidth <= 500 &&
css`
.row-selected {
.user-row {
.mainIcons {
.paid-badge {
margin-top: 0.8px !important;
}
}
}
}
`}
`;
const PeopleRowContainer = ({
@ -174,8 +124,7 @@ const PeopleRowContainer = ({
hasMoreFiles={hasMoreAccounts}
itemCount={filterTotal}
filesLength={peopleList.length}
itemHeight={57.6}
sectionWidth={sectionWidth}
itemHeight={58}
>
{peopleList.map((item) => (
<SimpleUserRow

58
packages/client/src/pages/AccountsHome/Section/Body/RowView/SimpleUserRow.js
View File

@ -70,58 +70,12 @@ const StyledSimpleUserRow = styled(Row)`
cursor: pointer;
${checkedStyle}
@media (min-width: 1024px) {
margin-top: -4px !important;
padding-top: 1px;
padding-bottom: 1px;
border-top: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
border-bottom: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
.styled-checkbox-container {
.styled-element {
padding-top: 1px;
}
}
}
@media (max-width: 1024px) {
margin-top: -3px !important;
padding-top: 0.8px;
padding-bottom: 0.8px;
border-top: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
border-bottom: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
.owner_icon {
padding-bottom: 0.8px;
}
.mainIcons {
.paid-badge {
margin-top: -1px;
}
}
.expandButton {
padding-bottom: 0.8px;
}
}
${(props) =>
props.sectionWidth <= 500 &&
css`
.mainIcons {
.paid-badge {
margin-top: 0.8px !important;
}
}
`}
margin-top: -3px;
padding-bottom: 1px;
border-top: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
border-bottom: ${(props) =>
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
}
`}

18
packages/client/src/pages/AccountsHome/Section/Body/TableView/TableContainer.js
View File

@ -43,24 +43,6 @@ const StyledTableContainer = styled(TableContainer)`
.table-container_row-context-menu-wrapper {
${contextCss}
}
.table-container_cell {
.paid-badge {
p {
padding-top: 1px;
}
}
}
}
:hover {
.table-container_cell {
.paid-badge {
p {
padding-top: 1px;
}
}
}
}
.table-row-selected + .table-row-selected {

7
packages/client/src/pages/AccountsHome/Section/Body/TableView/TableRow.js
View File

@ -29,12 +29,6 @@ const StyledPeopleRow = styled(TableRow)`
border-top: ${(props) =>
`1px solid ${props.theme.filesSection.tableView.row.borderColor}`};
margin-top: -1px;
.paid-badge {
p {
padding-top: 1px;
}
}
}
.table-container_user-name-cell {
@ -344,7 +338,6 @@ const PeopleTableRow = (props) => {
hasAccess={true}
className="table-container_row-checkbox-wrapper"
checked={isChecked}
style={{ borderBottom: "none" }}
>
<div className="table-container_element">{element}</div>
<Checkbox

2
packages/client/src/pages/Home/Section/Body/RowsView/FilesRowContainer.js
View File

@ -7,7 +7,7 @@ import styled, { css } from "styled-components";
import marginStyles from "./CommonStyles";
import { isTablet } from "@docspace/components/utils/device";
import { Base } from "@docspace/components/themes";
import { tablet } from "@docspace/components/utils/device";
const StyledRowContainer = styled(RowContainer)`
.row-list-item:first-child {
.row-selected {

1
packages/client/src/pages/Home/Section/Body/TableView/sub-components/FileNameCell.js
View File

@ -36,7 +36,6 @@ const FileNameCell = ({
className="table-container_element-wrapper"
hasAccess={true}
checked={checked}
style={{ borderBottom: "none" }}
>
<div className="table-container_element-container">
<div className="table-container_element">{element}</div>