orga0063
/
BootstrapAdmin11
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改样式：增加对username长度的限制

This commit is contained in:
Argo-MacBookPro 2018-09-02 01:41:06 +08:00
parent 19df014ece
commit 553f9860fc
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Bootstrap.Admin/Views/Shared/Header.cshtml
View File

@ -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">

9
Bootstrap.Admin/wwwroot/css/site.css
View File

@ -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;