优化左侧项目名称与侧边栏Bar合并功能
This commit is contained in:
parent
25e17069e0
commit
bb82b88756
|
@ -46,10 +46,6 @@
|
|||
margin: 0px !important;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fb-timeliner {
|
||||
display: none;
|
||||
}
|
||||
|
@ -70,10 +66,22 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
@media (max-width: 666px) {
|
||||
.notify-row {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 548px) {
|
||||
.top-menu .search {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.sidebar-toggle-box span, .notify-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.modal-dialog {
|
||||
width: 370px;
|
||||
|
@ -82,10 +90,6 @@
|
|||
.top-menu > li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.top-menu .search {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 320px) {
|
||||
|
|
|
@ -61,7 +61,6 @@ div button span {
|
|||
border-bottom: 1px solid #f1f2f7;
|
||||
}
|
||||
|
||||
|
||||
.arrow-up {
|
||||
background: url("../images/arrow-up.png") no-repeat;
|
||||
width: 20px;
|
||||
|
@ -72,29 +71,24 @@ div button span {
|
|||
}
|
||||
|
||||
/*Title*/
|
||||
a.logo {
|
||||
.sidebar-toggle-box {
|
||||
margin-top: 20px;
|
||||
font-size: 21px;
|
||||
color: #2e2e2e;
|
||||
color: #333;
|
||||
float: left;
|
||||
margin-top: 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
a.logo:hover, a.logo:focus {
|
||||
.sidebar-toggle-box:hover, .sidebar-toggle-box:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: #337ab7;
|
||||
}
|
||||
|
||||
a.logo span {
|
||||
color: #FF6C60;
|
||||
.sidebar-toggle-box span {
|
||||
padding-left: 6px;
|
||||
}
|
||||
/*end title*/
|
||||
|
||||
.sidebar-toggle-box {
|
||||
float: left;
|
||||
padding-right: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.sidebar-toggle-box .fa-bars {
|
||||
cursor: pointer;
|
||||
|
@ -108,6 +102,7 @@ a.logo {
|
|||
padding: 10px 4px;
|
||||
height: 40px;
|
||||
}
|
||||
/*end title*/
|
||||
|
||||
.go-top {
|
||||
margin-right: 1%;
|
||||
|
@ -280,7 +275,8 @@ a.logo {
|
|||
/*notify bar*/
|
||||
.notify-row {
|
||||
margin-top: 20px;
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.notify-row > li {
|
||||
|
|
|
@ -189,4 +189,9 @@ $(function () {
|
|||
});
|
||||
|
||||
$('.site-footer div span').text($('#footer').val());
|
||||
|
||||
$('.sidebar-toggle-box').click(function () {
|
||||
window.console.log('1');
|
||||
$(this).next('a').toggle();
|
||||
});
|
||||
});
|
|
@ -42,7 +42,7 @@ $(function () {
|
|||
$("#sidebar").scrollTo("+=" + Math.abs(diff), 500);
|
||||
});
|
||||
|
||||
$('.fa-bars').click(function () {
|
||||
$('.sidebar-toggle-box').click(function () {
|
||||
|
||||
if ($('#sidebar > ul').is(":visible") === true) {
|
||||
$('#main-content').css({
|
||||
|
|
|
@ -1,11 +1,11 @@
|
|||
@model Bootstrap.Admin.Models.HeaderBarModel
|
||||
<!--header start-->
|
||||
<header class="header white-bg">
|
||||
<div class="sidebar-toggle-box">
|
||||
<div class="fa fa-bars tooltips" data-placement="right" data-original-title="展开/收起 导航条"></div>
|
||||
</div>
|
||||
<!--logo start-->
|
||||
<a href="#" data-toggle="dropdown" class="logo dropdown-toggle">@Model.Title</a>
|
||||
<a href="#" data-toggle="dropdown" class="sidebar-toggle-box dropdown-toggle">
|
||||
<i class="fa fa-bars"></i>
|
||||
<!--logo start-->
|
||||
<span>@Model.Title</span>
|
||||
</a>
|
||||
<!--logo end-->
|
||||
@if (Model.Menus.Count() > 0 && Model.ShowMenu)
|
||||
{
|
||||
|
|
Loading…
Reference in New Issue