tables cells' width were fixed
This commit is contained in:
parent
83581f656b
commit
48be69d72d
@ -15,7 +15,7 @@ const HistoryTableHeader = (props) => {
|
||||
enable: true,
|
||||
default: true,
|
||||
active: true,
|
||||
minWidth: 210,
|
||||
minWidth: 150,
|
||||
},
|
||||
{
|
||||
key: "Status",
|
||||
|
@ -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>
|
||||
|
@ -13,6 +13,7 @@ export const WebhookTableHeader = ({ sectionWidth, tableRef }) => {
|
||||
enable: true,
|
||||
default: true,
|
||||
active: true,
|
||||
minWidth: 150,
|
||||
},
|
||||
{
|
||||
key: "URL",
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user