Profile Page: Add text wrapping to username and bio text displays (#3865)

functionzz · web-flow · commit 46bdc0015b4e · 2025-12-18T16:35:39.000+01:00
diff --git a/pontoon/contributors/static/css/profile.css b/pontoon/contributors/static/css/profile.css
@@ -59,18 +59,21 @@ h2 {
 .display-name {
   font-size: 24px;
   padding-bottom: 0;
+  overflow-wrap: break-word;
 }
 
 .username {
   color: var(--status-translated-alt);
   line-height: 1.4em;
   font-size: 20px;
   font-weight: 300;
+  overflow-wrap: break-word;
 }
 
 .bio {
   font-size: 16px;
   line-height: 1.4em;
+  overflow-wrap: break-word;
 }
 
 .item-with-icon {

Original file line number	Diff line number	Diff line change
`@@ -59,18 +59,21 @@ h2 {`
`59`	`59`	`.display-name {`
`60`	`60`	`font-size: 24px;`
`61`	`61`	`padding-bottom: 0;`
	`62`	`+ overflow-wrap: break-word;`
`62`	`63`	`}`
`63`	`64`
`64`	`65`	`.username {`
`65`	`66`	`color: var(--status-translated-alt);`
`66`	`67`	`line-height: 1.4em;`
`67`	`68`	`font-size: 20px;`
`68`	`69`	`font-weight: 300;`
	`70`	`+ overflow-wrap: break-word;`
`69`	`71`	`}`
`70`	`72`
`71`	`73`	`.bio {`
`72`	`74`	`font-size: 16px;`
`73`	`75`	`line-height: 1.4em;`
	`76`	`+ overflow-wrap: break-word;`
`74`	`77`	`}`
`75`	`78`
`76`	`79`	`.item-with-icon {`