修正用户名过长导致的显示问题

hafrans · web-flow · commit 66436162c2db · 2020-03-14T18:05:19.000+08:00
1. 修改a标签左右的padding，让它能够显示更多字符。
2. 固定a标签的width，并设置超出字符为"..."
diff --git a/template/common/layout.html b/template/common/layout.html
@@ -90,7 +90,7 @@
 						<a href="/message/system" id="user_message_count"><span class="badge{{if .me.MsgNum}} badge-warning{{end}}">{{.me.MsgNum}}</span></a>
 					</li>
 					<li class="dropdown" id="user_menu">
-						<a href="#user_menu" class="dropdown-toggle" data-toggle="dropdown">{{.me.Username}} <b class="caret"></b></a>
+						<a href="#user_menu" class="dropdown-toggle" data-toggle="dropdown" style="white-space:nowrap;text-overflow:ellipsis;display:inline-block;width:11rem;overflow: hidden;padding: 15px 5px;">{{.me.Username}} <b class="caret"></b></a>
 						<ul class="dropdown-menu">
 							<li class="first"><a href="/user/{{.me.Username}}">我的主页</a></li>
 							<li><a href="/account/edit">个人资料设置</a></li>
