From 8dde92e2fd873b7caa4b4eae2ff900313826f774 Mon Sep 17 00:00:00 2001
From: agagancarczyk <agagancarczyk@gmail.com>
Date: Fri, 2 Dec 2022 10:30:32 +0000
Subject: [PATCH] Fixed username not wrapping (#3923)

Co-authored-by: Agnieszka Gancarczyk <agancarc@redhat.com>
---
 apps/admin-ui/src/user/UsersTabs.tsx    | 2 ++
 apps/admin-ui/src/user/user-section.css | 9 ++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/admin-ui/src/user/UsersTabs.tsx b/apps/admin-ui/src/user/UsersTabs.tsx
index be3fbc6b3c..2049a68940 100644
--- a/apps/admin-ui/src/user/UsersTabs.tsx
+++ b/apps/admin-ui/src/user/UsersTabs.tsx
@@ -33,6 +33,7 @@ import { UserIdentityProviderLinks } from "./UserIdentityProviderLinks";
 import { UserRoleMapping } from "./UserRoleMapping";
 import { UserSessions } from "./UserSessions";
 import { UserProfileProvider } from "../realm-settings/user-profile/UserProfileContext";
+import "./user-section.css";
 
 const UsersTabs = () => {
   const { t } = useTranslation("users");
@@ -166,6 +167,7 @@ const UsersTabs = () => {
         render={({ onChange, value }) => (
           <ViewHeader
             titleKey={user?.id ? user.username! : t("createUser")}
+            className="kc-username-view-header"
             divider={!id}
             dropdownItems={[
               <DropdownItem
diff --git a/apps/admin-ui/src/user/user-section.css b/apps/admin-ui/src/user/user-section.css
index 786beb2560..b6ceafe60e 100644
--- a/apps/admin-ui/src/user/user-section.css
+++ b/apps/admin-ui/src/user/user-section.css
@@ -124,15 +124,15 @@ article.pf-c-card.pf-m-flat.kc-available-idps > div > div > h1 {
   --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 13rem;
 }
 
-.pf-c-card__header.kc-form-panel__header{
+.pf-c-card__header.kc-form-panel__header {
   padding-bottom: 0;
 }
 
-.pf-c-card__body.kc-form-panel__body{
+.pf-c-card__body.kc-form-panel__body {
   padding-bottom: 0;
 }
 
-.pf-c-content.kc-no-providers-text{
+.pf-c-content.kc-no-providers-text {
   margin-top: calc(
     var(--pf-global--spacer--2xl) - var(--pf-global--spacer--sm)
   );
@@ -140,3 +140,6 @@ article.pf-c-card.pf-m-flat.kc-available-idps > div > div > h1 {
   margin-bottom: var(--pf-global--spacer--2xl);
 }
 
+.kc-username-view-header {
+  overflow-wrap: anywhere;
+}