libre.sh/keycloak-scim
4
0
Fork 0
Code Issues 15 Pull requests Releases 1 Activity Actions

added table wrap to avoid data off screen (#32908)

Browse source 
Closes #32758

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
This commit is contained in:
Erik Jan de Wit 2024-09-13 15:55:53 +02:00 committed by GitHub
parent 0ac7db7a0b
commit aec3eb91a8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 29 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
js/apps/admin-ui/src/clients/authorization/Resources.tsx
View file

@ -16,6 +16,7 @@ import {
import {
ExpandableRowContent,
Table,
TableText,
Tbody,
Td,
Th,
@ -46,9 +47,9 @@ type ExpandableResourceRepresentation = ResourceRepresentation & {
};
const UriRenderer = ({ row }: { row: ResourceRepresentation }) => (
<>
<TableText wrapModifier="truncate">
{row.uris?.[0]} <MoreLabel array={row.uris} />
</>
</TableText>
);
export const AuthorizationResources = ({
@ -228,19 +229,33 @@ export const AuthorizationResources = ({
}}
/>
<Td data-testid={`name-column-${resource.name}`}>
<Link
to={toResourceDetails({
realm,
id: clientId,
resourceId: resource._id!,
})}
>
{resource.name}
</Link>
<TableText wrapModifier="truncate">
<Link
to={toResourceDetails({
realm,
id: clientId,
resourceId: resource._id!,
})}
>
{resource.name}
</Link>
</TableText>
</Td>
<Td>
<TableText wrapModifier="truncate">
{resource.displayName}
</TableText>
</Td>
<Td>
<TableText wrapModifier="truncate">
{resource.type}
</TableText>
</Td>
<Td>
<TableText wrapModifier="truncate">
{resource.owner?.name}
</TableText>
</Td>
<Td>{resource.displayName}</Td>
<Td>{resource.type}</Td>
<Td>{resource.owner?.name}</Td>
<Td>
<UriRenderer row={resource} />
</Td>