Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/popovers.css
View File

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