popovers: Refine word wrapping in user profile.

This commit refines word wrapping in user profile popovers. It implements 'overflow-wrap: break-word;' for category ‘name’ items (e.g., ‘Email’, ‘User ID’) and 'overflow-wrap: anywhere;' for category ‘value’ segments, ensuring proper line breaks and preventing overflow issues. Additionally, addressed prettier problems to maintain code consistency.

Fixes #22865
This commit is contained in:
Isabela Pereira 2024-05-06 13:45:01 +01:00 committed by Tim Abbott
parent b3115fd7c3
commit fee0470a97
1 changed files with 2 additions and 2 deletions

View File

@ -487,13 +487,14 @@ ul {
.name {
color: hsl(0deg 0% 20%);
width: 120px;
font-weight: 600;
margin-right: 10px;
overflow-wrap: break-word;
}
.value {
vertical-align: top;
overflow-wrap: anywhere;
}
#exit-sign {
@ -593,7 +594,6 @@ ul {
.col-left {
padding: 0 10px 0 0;
word-break: break-all;
}
.col-right {