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 {
td {
max-width: 100%;
@include _.text-ellipsis;
font: var(--font-body-medium);
}
}
.name {
display: inline-block;
max-width: 100%;
vertical-align: bottom;
padding: _.unit(1) _.unit(2);
border-radius: 6px;
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'),
dataIndex: 'description',
colSpan: isApiColumnVisible ? 5 : 9,
render: ({ description }) => description,
render: ({ description }) => <div className={styles.description}>{description}</div>,
};
const apiColumn: Column<ScopeResponse> = {
@ -71,7 +71,10 @@ const PermissionsTable = ({
dataIndex: 'resource',
colSpan: 5,
render: ({ resource }) => (
<TextLink to={`/api-resources/${resource.id}/${ApiResourceDetailsTabs.Settings}`}>
<TextLink
className={styles.link}
to={`/api-resources/${resource.id}/${ApiResourceDetailsTabs.Settings}`}
>
{resource.name}
</TextLink>
),