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

tables cells' width were fixed

Browse Source
This commit is contained in:
Vladimir Khvan 2023-06-02 13:39:24 +05:00
parent 83581f656b
commit 48be69d72d
4 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,7 +15,7 @@ const HistoryTableHeader = (props) => {
enable: true,
default: true,
active: true,
minWidth: 210,
minWidth: 150,
},
{
key: "Status",

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

@ -19,8 +19,10 @@ import InfoIcon from "PUBLIC_DIR/images/info.outline.react.svg?url";
import { useTranslation } from "react-i18next";
const StyledTableRow = styled(TableRow)`
.no-wrap {
.textOverflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
${(props) =>
@ -96,7 +98,7 @@ const HistoryTableRow = (props) => {
<StatusBadge status={item.status} />
</TableCell>
<TableCell>
<Text fontWeight={600} fontSize="11px" className="no-wrap">
<Text fontWeight={600} fontSize="11px" className="textOverflow">
{formattedDelivery}
</Text>
</TableCell>

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

@ -13,6 +13,7 @@ export const WebhookTableHeader = ({ sectionWidth, tableRef }) => {
enable: true,
default: true,
active: true,
minWidth: 150,
},
{
key: "URL",

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

@ -31,8 +31,10 @@ const StyledTableRow = styled(TableRow)`
.mr-8 {
margin-right: 8px;
}
.no-wrap {
.textOverflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
`;
@ -117,14 +119,19 @@ export const WebhooksTableRow = ({
<StyledWrapper onClick={handleRowClick}>
<StyledTableRow contextOptions={contextOptions}>
<TableCell>
<Text as="span" fontWeight={600} className="mr-8 no-wrap">
<Text as="span" fontWeight={600} className="mr-8 textOverflow">
{webhook.name}{" "}
</Text>
<StatusBadge status={webhook.status} />
<NoBoxShadowToast />
</TableCell>
<TableCell>
<Text as="span" fontSize="11px" color="#A3A9AE" fontWeight={600}>
<Text
as="span"
fontSize="11px"
color="#A3A9AE"
fontWeight={600}
className="textOverflow">
{webhook.uri}
</Text>
</TableCell>