Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-31 22:51:25 -05:00
Code Issues Activity

style(console): text ellipsis in user roles table (#2985)

Browse source
This commit is contained in:
Xiao Yijun 2023-01-19 00:01:35 +08:00 • committed by GitHub
parent 0ee0370760
commit 4dfd86980c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/console/src/pages/UserDetails/UserRoles/index.module.scss
View file

@ -17,9 +17,16 @@
tbody {
td {
max-width: 100%;
@include _.text-ellipsis;
font: var(--font-body-medium);
}
}
.name {
display: block;
@include _.text-ellipsis;
}
.description {
@include _.text-ellipsis;
}
}

8
packages/console/src/pages/UserDetails/UserRoles/index.tsx
View file

@ -81,13 +81,17 @@ const UserRoles = () => {
title: t('user_details.roles.name_column'),
dataIndex: 'name',
colSpan: 6,
render: ({ id, name }) => <TextLink to={`/roles/${id}`}>{name}</TextLink>,
render: ({ id, name }) => (
<TextLink className={styles.name} to={`/roles/${id}`}>
{name}
</TextLink>
),
},
{
title: t('user_details.roles.name_column'),
dataIndex: 'description',
colSpan: 9,
render: ({ description }) => description,
render: ({ description }) => <div className={styles.description}>{description}</div>,
},
{
title: null,