Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

style(console): text ellipsis in permission table (#2983)

Browse source
This commit is contained in:
Xiao Yijun 2023-01-19 23:49:25 +08:00 committed by GitHub
parent 027572a966
commit 7525f7d20b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/console/src/components/PermissionsTable/index.module.scss
View file

@ -17,16 +17,26 @@
tbody { tbody {
td { td {
max-width: 100%;
@include _.text-ellipsis;
font: var(--font-body-medium); font: var(--font-body-medium);
} }
} }
.name { .name {
display: inline-block; display: inline-block;
max-width: 100%;
vertical-align: bottom;
padding: _.unit(1) _.unit(2); padding: _.unit(1) _.unit(2);
border-radius: 6px; border-radius: 6px;
background: var(--color-neutral-95); background: var(--color-neutral-95);
@include _.text-ellipsis;
}
.description {
@include _.text-ellipsis;
}
.link {
display: block;
@include _.text-ellipsis;
} }
} }

7
packages/console/src/components/PermissionsTable/index.tsx
View file

@ -63,7 +63,7 @@ const PermissionsTable = ({
title: t('permissions.description_column'), title: t('permissions.description_column'),
dataIndex: 'description', dataIndex: 'description',
colSpan: isApiColumnVisible ? 5 : 9, colSpan: isApiColumnVisible ? 5 : 9,
render: ({ description }) => description, render: ({ description }) => <div className={styles.description}>{description}</div>,
}; };
const apiColumn: Column<ScopeResponse> = { const apiColumn: Column<ScopeResponse> = {
@ -71,7 +71,10 @@ const PermissionsTable = ({
dataIndex: 'resource', dataIndex: 'resource',
colSpan: 5, colSpan: 5,
render: ({ resource }) => ( render: ({ resource }) => (
<TextLink to={`/api-resources/${resource.id}/${ApiResourceDetailsTabs.Settings}`}> <TextLink
className={styles.link}
to={`/api-resources/${resource.id}/${ApiResourceDetailsTabs.Settings}`}
>
{resource.name} {resource.name}
</TextLink> </TextLink>
), ),