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

webhooks styles were corrected

Browse Source
This commit is contained in:
Vladimir Khvan 2023-11-07 16:32:36 +05:00
parent 31e00e8a32
commit b40af06cc1
5 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/HistoryFilterHeader.js
View File

@ -21,7 +21,10 @@ const ListHeader = styled.header`
align-items: center;
@media ${tablet} {
margin-top: -4px;
margin-top: -5px;
}
@media ${mobile} {
margin-top: 8px;
}
`;

2
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/HistoryHeader.js
View File

@ -43,7 +43,7 @@ const HeaderContainer = styled.div`
}
.arrow-button {
margin-inline-end: 18.5px;
margin-inline-end: 17px;
@media ${tablet} {
padding-block: 8px;

2
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryRowView/index.js
View File

@ -12,7 +12,7 @@ import { Base } from "@docspace/components/themes";
import HistoryRow from "./HistoryRow";
const StyledRowContainer = styled(RowContainer)`
margin-top: 11px;
margin-top: 12px;
.row-list-item {
cursor: pointer;

24
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/WebhookHistory/sub-components/WebhookHistoryTable/HistoryTableView/index.js
View File

@ -12,8 +12,7 @@ import HistoryTableHeader from "./HistoryTableHeader";
import { useViewEffect } from "@docspace/common/hooks";
const TableWrapper = styled(TableContainer)`
margin-top: 2px;
margin-left: 2px;
margin-top: -2px;
.table-container_header {
position: absolute;
@ -25,18 +24,33 @@ const TableWrapper = styled(TableContainer)`
.checkboxWrapper {
padding: 0;
padding-inline-start: 8px;
}
.table-list-item {
cursor: pointer;
padding-left: 28px;
&:hover {
background-color: ${(props) => (props.theme.isBase ? "#f3f4f4" : "#3D3D3D")};
background-color: ${(props) => props.theme.filesSection.tableView.row.backgroundActive};
.table-container_cell {
margin-top: -1px;
border-top: ${(props) => `1px solid ${props.theme.filesSection.tableView.row.borderColor}`};
margin-left: -24px;
padding-left: 24px;
}
.table-container_row-context-menu-wrapper {
margin-right: -20px;
padding-right: 20px;
}
}
}
.table-list-item:has(.selected-table-row) {
background-color: ${(props) => (props.theme.isBase ? "#f3f4f4" : "#3D3D3D")};
background-color: ${(props) => props.theme.filesSection.tableView.row.backgroundActive};
}
`;

15
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhooksTableView/index.js
View File

@ -26,7 +26,20 @@ const TableWrapper = styled(TableContainer)`
margin-top: -1px;
&:hover {
cursor: pointer;
background-color: ${(props) => (props.theme.isBase ? "#F8F9F9" : "#3D3D3D")};
background-color: ${(props) => props.theme.filesSection.tableView.row.backgroundActive};
.table-container_cell {
margin-top: -1px;
border-top: ${(props) => `1px solid ${props.theme.filesSection.tableView.row.borderColor}`};
margin-left: -24px;
padding-left: 24px;
}
.table-container_row-context-menu-wrapper {
margin-right: -20px;
padding-right: 20px;
}
}
}
`;