From 553f9860fcf1963dae0449b5623d9cc4c83e04fd Mon Sep 17 00:00:00 2001
From: Argo-MacBookPro <Argo@163.com>
Date: Sun, 2 Sep 2018 01:41:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F=EF=BC=9A?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AF=B9username=E9=95=BF=E5=BA=A6=E7=9A=84?=
 =?UTF-8?q?=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Bootstrap.Admin/Views/Shared/Header.cshtml | 2 +-
 Bootstrap.Admin/wwwroot/css/site.css       | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/Bootstrap.Admin/Views/Shared/Header.cshtml b/Bootstrap.Admin/Views/Shared/Header.cshtml
index 7b1f8b04..eb6df729 100644
--- a/Bootstrap.Admin/Views/Shared/Header.cshtml
+++ b/Bootstrap.Admin/Views/Shared/Header.cshtml
@@ -89,7 +89,7 @@
         <div class="dropdown userinfo">
             <a data-toggle="dropdown" class="dropdown-toggle shadow-default" href="#">
                 <img id="headerIcon" alt="" src="@Url.Content(Model.Icon)">
-                <span id="userDisplayName" data-userName="@Model.UserName" class="username">@Model.DisplayName</span>
+                <span id="userDisplayName" data-userName="@Model.UserName" class="username text-truncate d-inline-block">@Model.DisplayName</span>
             </a>
             <div class="dropdown-menu dropdown-menu-right">
                 <div class="dropdown-item">
diff --git a/Bootstrap.Admin/wwwroot/css/site.css b/Bootstrap.Admin/wwwroot/css/site.css
index 4c01fb82..31709609 100644
--- a/Bootstrap.Admin/wwwroot/css/site.css
+++ b/Bootstrap.Admin/wwwroot/css/site.css
@@ -161,6 +161,10 @@ a, a:hover, a:focus {
     padding: 6px;
 }
 
+    .userinfo .dropdown-toggle:after {
+        vertical-align: middle;
+    }
+
 .userinfo .dropdown-item {
     display: flex;
     flex-wrap: wrap;
@@ -193,6 +197,11 @@ a, a:hover, a:focus {
             background-image: linear-gradient(to bottom, #a9d96c 0%, #799e51 100%);
         }
 
+.userinfo .username {
+    max-width: 90px;
+    vertical-align: middle;
+}
+
 .userinfo .badge {
     left: 234px;
     right: auto;