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:
parent
3874a141f1
commit
0d6ecab862
3 changed files with 16 additions and 28 deletions
|
@ -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",
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue