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

style: 前台页面默认样式下的导航栏增加一个小箭头 dropdown-menu-arrow

This commit is contained in:
Argo Zhang (Win) 2019-08-09 13:43:41 +08:00
parent 455b5870e7
commit 901128e7c0
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Bootstrap.Client/Views/Shared/Menu.cshtml
View File

@ -1,5 +1,6 @@
@model IEnumerable<Bootstrap.Security.BootstrapMenu>
<div class="dropdown-menu">
<div class="dropdown-menu-arrow"></div>
@foreach (var menu in Model)
{
<a href="@Url.Content(menu.Url)" class="dropdown-item @menu.Active" target="@menu.Target"><i class="@menu.Icon"></i><span>@menu.Name</span></a>

27
Bootstrap.Client/wwwroot/css/site.css
View File

@ -32,6 +32,33 @@
padding: 0 0 0 1rem;
}
.header .navbar .dropdown-menu .dropdown-item {
position: relative;
}
.header .navbar .dropdown-menu-arrow {
width: 0;
height: 0;
border-width: 0 6px 6px;
border-style: solid;
border-color: transparent transparent rgba(0,0,0,.15);
position: relative;
left: 16px;
margin-top: -6px;
}
.header .navbar .dropdown-menu-arrow:after {
content: " ";
width: 0;
height: 0;
border-width: 0 6px 6px;
border-style: solid;
border-color: transparent transparent #fff;
position: absolute;
top: 1px;
left: -6px;
}
.sidebar-toggle-box {
color: #eee;
}