From 9c6af9d2bb6a173fac51a58415e69665c550d7fa Mon Sep 17 00:00:00 2001
From: Cherrg <michael@gnehr.de>
Date: Mon, 1 Jul 2019 03:56:26 +0200
Subject: [PATCH] wrap long texts on user profile info (#7333)

fix #7255

discussed in PR #7254

Signed-off-by: Michael Gnehr <michael@gnehr.de>
---
 public/css/index.css        | 1 +
 public/less/_base.less      | 5 +++++
 templates/user/profile.tmpl | 4 ++--
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/css/index.css b/public/css/index.css
index 3418847a4f..303cbc4ef6 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -47,6 +47,7 @@ img{border-radius:3px}
 table{border-collapse:collapse}
 a{cursor:pointer}
 .rounded{border-radius:.28571429rem!important}
+.wrap{word-wrap:break-word;word-break:break-all}
 .mono,code,pre{font:12px 'SF Mono',Consolas,Menlo,'Liberation Mono',Monaco,'Lucida Console',monospace}
 .mono.raw,code.raw,pre.raw{padding:7px 12px;margin:10px 0;background-color:#f8f8f8;border:1px solid #ddd;border-radius:3px;font-size:13px;line-height:1.5;overflow:auto}
 .mono.wrap,code.wrap,pre.wrap{white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;word-wrap:break-word}
diff --git a/public/less/_base.less b/public/less/_base.less
index 213ae2d2e6..4ce1b8eff9 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -159,6 +159,11 @@ a {
     border-radius: 0.28571429rem !important;
 }
 
+.wrap {
+    word-wrap: break-word;
+    word-break: break-all;
+}
+
 pre,
 code,
 .mono {
diff --git a/templates/user/profile.tmpl b/templates/user/profile.tmpl
index 833de90b8c..52c6e3ec3f 100644
--- a/templates/user/profile.tmpl
+++ b/templates/user/profile.tmpl
@@ -13,11 +13,11 @@
 							<img src="{{.Owner.SizedRelAvatarLink 290}}" title="{{.Owner.Name}}"/>
 						</span>
 					{{end}}
-					<div class="content">
+					<div class="content wrap">
 						{{if .Owner.FullName}}<span class="header text center">{{.Owner.FullName}}</span>{{end}}
 						<span class="username text center">{{.Owner.Name}}</span>
 					</div>
-					<div class="extra content">
+					<div class="extra content wrap">
 						<ul class="text black">
 							{{if .Owner.Location}}
 								<li><i class="octicon octicon-location"></i> {{.Owner.Location}}</li>