libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 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();
return (
<Split className="keycloak__realm_selector__list-item-split">
<Split>
<SplitItem isFilled>
<Stack>
{displayName ? (
@ -172,7 +172,14 @@ export const RealmSelector = () => {
}}
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>
)}
>

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;
text-overflow: ellipsis;
}
@ -15,3 +15,7 @@
margin-bottom: var(--pf-v5-c-nav__link--PaddingBottom);
padding-left: var(--pf-v5-c-nav__link--PaddingLeft);
}
.keycloak__realm_selector__dropdown {
text-align: left;
}