fixed rendering of granted client scopes in User Consents (#30864)

Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>
Co-authored-by: Agnieszka Gancarczyk <agancarc@redhat.com>
This commit is contained in:
agagancarczyk 2024-07-01 14:28:35 +01:00 committed by GitHub
parent 3874a141f1
commit 0d6ecab862
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 16 additions and 28 deletions

View file

@ -100,16 +100,15 @@ export const UserConsents = () => {
{ {
name: "grantedClientScopes", name: "grantedClientScopes",
displayKey: "grantedClientScopes", displayKey: "grantedClientScopes",
cellFormatters: [emptyFormatter()],
cellRenderer: clientScopesRenderer, cellRenderer: clientScopesRenderer,
transforms: [cellWidth(30)], transforms: [cellWidth(30)],
}, },
{ {
name: "createDate", name: "createdDate",
displayKey: "created", displayKey: "created",
transforms: [cellWidth(20)], transforms: [cellWidth(20)],
cellRenderer: ({ createDate }) => cellRenderer: ({ createdDate }) =>
createDate ? formatDate(new Date(createDate)) : "—", createdDate ? formatDate(new Date(createdDate)) : "—",
}, },
{ {
name: "lastUpdatedDate", name: "lastUpdatedDate",

View file

@ -38,6 +38,10 @@ button#kc-join-groups-button {
padding: 0px; padding: 0px;
} }
.pf-v5-c-chip-group__list {
column-gap: 0px;
}
.kc-consents-chip-group .pf-v5-c-chip-group__list-item { .kc-consents-chip-group .pf-v5-c-chip-group__list-item {
margin-right: 0px; margin-right: 0px;
} }
@ -47,36 +51,23 @@ button#kc-join-groups-button {
max-width: 100%; max-width: 100%;
} }
.pf-v5-c-chip-group.kc-consents-chip-group .pf-v5-c-chip-group.kc-consents-chip-group > div.pf-v5-c-chip-group__main > ul.pf-v5-c-chip-group__list .pf-v5-c-chip__text::before {
> div.pf-v5-c-chip-group__main
> ul.pf-v5-c-chip-group__list
li:first-child
.pf-v5-c-chip__text::before {
content: "";
}
.pf-v5-c-chip-group.kc-consents-chip-group
> div.pf-v5-c-chip-group__main
> ul.pf-v5-c-chip-group__list
.pf-v5-c-chip__text::before {
content: ", "; content: ", ";
} }
div.pf-v5-c-chip-group.kc-consents-chip-group .pf-v5-c-chip-group.kc-consents-chip-group
> div.pf-v5-c-chip-group__main > div.pf-v5-c-chip-group__main
> ul.pf-v5-c-chip-group__list > ul.pf-v5-c-chip-group__list
> li.pf-v5-c-chip-group__list-item:last-child .pf-v5-c-chip-group__list-item:first-child
> button.pf-v5-c-chip.pf-m-overflow::before { .pf-v5-c-chip__text::before {
content: ""; content: "";
margin-left: var(--pf-v5-global--spacer--sm);
} }
div.pf-v5-c-chip-group.kc-consents-chip-group .pf-v5-c-chip-group.kc-consents-chip-group
> div.pf-v5-c-chip-group__main > div.pf-v5-c-chip-group__main
> ul.pf-v5-c-chip-group__list > ul.pf-v5-c-chip-group__list
> li.pf-v5-c-chip-group__list-item:last-child .pf-v5-c-chip.pf-m-overflow
> button.pf-v5-c-chip.pf-m-overflow .pf-v5-c-chip__text::before {
> span::before {
content: ""; content: "";
margin-left: var(--pf-v5-global--spacer--sm); margin-left: var(--pf-v5-global--spacer--sm);
} }
@ -125,9 +116,7 @@ article.pf-v5-c-card.pf-m-flat.kc-available-idps > div > div > h1 {
} }
.pf-v5-c-content.kc-no-providers-text { .pf-v5-c-content.kc-no-providers-text {
margin-top: calc( margin-top: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-global--spacer--sm));
var(--pf-v5-global--spacer--2xl) - var(--pf-v5-global--spacer--sm)
);
margin-right: var(--pf-v5-global--spacer--md); margin-right: var(--pf-v5-global--spacer--md);
margin-bottom: var(--pf-v5-global--spacer--2xl); margin-bottom: var(--pf-v5-global--spacer--2xl);
} }

View file

@ -4,7 +4,7 @@
export default interface UserConsentRepresentation { export default interface UserConsentRepresentation {
clientId?: string; clientId?: string;
createDate?: string; createdDate?: number;
grantedClientScopes?: string[]; grantedClientScopes?: string[];
lastUpdatedDate?: number; lastUpdatedDate?: number;
} }