fix issue text overflow when user name is too long

LanThuyNguyen · LanThuyNguyen · commit 30449e65590f · 2025-03-06T14:54:38.000+07:00
diff --git a/packages/uui-card-user/lib/uui-card-user.element.ts b/packages/uui-card-user/lib/uui-card-user.element.ts
@@ -159,12 +159,14 @@ export class UUICardUserElement extends UUICardElement {
         position: relative;
         align-items: center;
         margin: 0 0 3px 0;
+        height: 100%;
       }
 
       #content > span {
         vertical-align: center;
         margin-top: 3px;
         font-weight: 700;
+        overflow-wrap: anywhere;
       }
 
       .avatar {

Original file line number	Diff line number	Diff line change
`@@ -159,12 +159,14 @@ export class UUICardUserElement extends UUICardElement {`
`159`	`159`	`position: relative;`
`160`	`160`	`align-items: center;`
`161`	`161`	`margin: 0 0 3px 0;`
	`162`	`+ height: 100%;`
`162`	`163`	`}`
`163`	`164`
`164`	`165`	`#content > span {`
`165`	`166`	`vertical-align: center;`
`166`	`167`	`margin-top: 3px;`
`167`	`168`	`font-weight: 700;`
	`169`	`+ overflow-wrap: anywhere;`
`168`	`170`	`}`
`169`	`171`
`170`	`172`	`.avatar {`