Change header markup

This commit is contained in:
Abdullah Almsaeed 2015-11-05 11:41:13 -05:00
parent 846cee1b4d
commit 6237a4cf8e
4 changed files with 47 additions and 44 deletions

View file

@ -8,10 +8,10 @@
z-index: $zindex-navbar;
> .navbar {
margin-left: $sidebar-width;
height: 55px;
//margin-left: $sidebar-width;
//height: 55px;
}
/*
> .logo {
width: $sidebar-width;
padding: 0 15px;
@ -20,18 +20,20 @@
font-size: 18px;
height: 55px;
line-height: 55px;
}
}*/
}
.content-header {
padding: 15px;
h1 {
font-size: 2rem;
font-size: 1.8rem;
margin: 0;
}
.breadcrumb {
margin-bottom: 0;
padding: 0;
background: transparent;
font-size: 1rem;
}
}

19
dist/tmp/AdminLTE.css vendored
View file

@ -4613,27 +4613,28 @@ a:focus {
*/
.main-header {
position: relative;
z-index: 1000; }
.main-header > .navbar {
margin-left: 230px;
height: 55px; }
.main-header > .logo {
width: 230px;
z-index: 1000;
/*
> .logo {
width: $sidebar-width;
padding: 0 15px;
text-align: center;
float: left;
font-size: 18px;
height: 55px;
line-height: 55px; }
line-height: 55px;
}*/ }
.content-header {
padding: 15px; }
.content-header h1 {
font-size: 2rem;
font-size: 1.8rem;
margin: 0; }
.content-header .breadcrumb {
margin-bottom: 0;
padding: 0; }
padding: 0;
background: transparent;
font-size: 1rem; }
/*
* Component: Sidebar

View file

@ -4613,27 +4613,28 @@ a:focus {
*/
.main-header {
position: relative;
z-index: 1000; }
.main-header > .navbar {
margin-left: 230px;
height: 55px; }
.main-header > .logo {
width: 230px;
z-index: 1000;
/*
> .logo {
width: $sidebar-width;
padding: 0 15px;
text-align: center;
float: left;
font-size: 18px;
height: 55px;
line-height: 55px; }
line-height: 55px;
}*/ }
.content-header {
padding: 15px; }
.content-header h1 {
font-size: 2rem;
font-size: 1.8rem;
margin: 0; }
.content-header .breadcrumb {
margin-bottom: 0;
padding: 0; }
padding: 0;
background: transparent;
font-size: 1rem; }
/*
* Component: Sidebar

View file

@ -44,28 +44,27 @@ desired effect
-->
<body class="hold-transition skin-blue sidebar-mini sidebar-collapsed">
<div class="wrapper">
<div class="main-header">
<!-- Navbar -->
<nav class="navbar navbar-static-top navbar-dark bg-light-blue">
<!-- Logo -->
<a class="logo" href="#"><b>Admin</b>LTE</a>
<!-- Navbar -->
<nav class="navbar navbar-static-top navbar-dark bg-light-blue">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
</nav>
<!-- /.navbar -->
</div>
<a class="navbar-brand" href="#"><b>Admin</b>LTE</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
</nav>
<!-- /.navbar -->
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">