github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Change header markup

pull/945/head
Abdullah Almsaeed 2015-11-05 11:41:13 -05:00
parent 846cee1b4d
commit 6237a4cf8e
4 changed files with 47 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
build/scss/_header.scss
View File

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

19
dist/tmp/AdminLTE.css vendored
View File

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

19
dist/tmp/AdminLTE.min.css vendored
View File

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

7
starter.html
View File

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