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

added display name to menu toggle (#31431)

Browse source 
fixes: #31183

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
This commit is contained in:
Erik Jan de Wit 2024-07-24 16:57:04 +02:00 committed by GitHub
parent 33b3fd313c
commit b769e65641
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
js/apps/admin-ui/src/components/realm-selector/RealmSelector.tsx
View file

@ -69,7 +69,7 @@ const RealmText = ({ name, displayName, showIsRecent }: RealmTextProps) => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Split className="keycloak__realm_selector__list-item-split"> <Split>
<SplitItem isFilled> <SplitItem isFilled>
<Stack> <Stack>
{displayName ? ( {displayName ? (
@ -172,7 +172,14 @@ export const RealmSelector = () => {
}} }}
isFullWidth isFullWidth
> >
{label(t, realmDisplayName, realm)} <Stack className="keycloak__realm_selector__dropdown">
{realmDisplayName ? (
<StackItem className="pf-v5-u-font-weight-bold" isFilled>
{label(t, realmDisplayName)}
</StackItem>
) : null}
<StackItem isFilled>{realm}</StackItem>
</Stack>
</MenuToggle> </MenuToggle>
)} )}
> >

6
js/apps/admin-ui/src/components/realm-selector/realm-selector.css
View file

@ -1,4 +1,4 @@
.keycloak__realm_selector__dropdown .pf-v5-c-menu__list .pf-m-fill { .keycloak__realm_selector__dropdown .pf-m-fill {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -15,3 +15,7 @@
margin-bottom: var(--pf-v5-c-nav__link--PaddingBottom); margin-bottom: var(--pf-v5-c-nav__link--PaddingBottom);
padding-left: var(--pf-v5-c-nav__link--PaddingLeft); padding-left: var(--pf-v5-c-nav__link--PaddingLeft);
} }
.keycloak__realm_selector__dropdown {
text-align: left;
}