mirror of https://github.com/ColorlibHQ/AdminLTE
Add Fix header height issue
Abdullah Almsaeed
parent
f0977ab235
commit
846cee1b4d
|
|
@ -126,7 +126,7 @@ body.hold-transition {
|
|||
/* Content */
|
||||
.content {
|
||||
min-height: 250px;
|
||||
padding: 15px;
|
||||
padding: 0 15px 15px 15px;
|
||||
// @include container-fixed($grid-gutter-width);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,5 +4,34 @@
|
|||
*/
|
||||
|
||||
.main-header {
|
||||
position: relative;
|
||||
z-index: $zindex-navbar;
|
||||
|
||||
> .navbar {
|
||||
margin-left: $sidebar-width;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
> .logo {
|
||||
width: $sidebar-width;
|
||||
padding: 0 15px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-header {
|
||||
padding: 15px;
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
.breadcrumb {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding-top: 50px;
|
||||
padding-top: 55px;
|
||||
min-height: 100%;
|
||||
width: $sidebar-width;
|
||||
z-index: 810;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
*/
|
||||
.skin-blue {
|
||||
//Navbar
|
||||
.main-header {
|
||||
.main-header {/*
|
||||
.navbar {
|
||||
@include navbar-variant($light-blue, #fff);
|
||||
.sidebar-toggle {
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}*/
|
||||
//Logo
|
||||
.logo {
|
||||
@include logo-variant(darken($light-blue, 5%));
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
66
starter.html
66
starter.html
|
|
@ -3,13 +3,13 @@
|
|||
This is a starter template page. Use this page to start your new project from
|
||||
scratch. This page gets rid of all links and provides the needed markup only.
|
||||
-->
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>AdminLTE 2 | Starter</title>
|
||||
<!-- Tell the browser to be responsive to screen width -->
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
||||
<!-- Theme style -->
|
||||
|
|
@ -35,36 +35,37 @@ desired effect
|
|||
| | skin-red |
|
||||
| | skin-green |
|
||||
|---------------------------------------------------------|
|
||||
|LAYOUT OPTIONS | fixed |
|
||||
|LAYOUT OPTIONS | layout-fixed |
|
||||
| | layout-boxed |
|
||||
| | layout-top-nav |
|
||||
| | sidebar-collapse |
|
||||
| | sidebar-mini |
|
||||
|---------------------------------------------------------|
|
||||
-->
|
||||
<body class="hold-transition skin-blue sidebar-mini">
|
||||
<body class="hold-transition skin-blue sidebar-mini sidebar-collapsed">
|
||||
<div class="wrapper">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-static-top main-header navbar-dark bg-light-blue">
|
||||
<div class="main-header">
|
||||
<!-- Logo -->
|
||||
<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 -->
|
||||
<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>
|
||||
|
||||
<!-- Left side column. contains the logo and sidebar -->
|
||||
<aside class="main-sidebar">
|
||||
|
|
@ -84,18 +85,6 @@ desired effect
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- search form (Optional) -->
|
||||
<form action="#" method="get" class="sidebar-form">
|
||||
<div class="input-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search...">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- /.search form -->
|
||||
|
||||
<!-- Sidebar Menu -->
|
||||
<ul class="sidebar-menu">
|
||||
<li class="header">HEADER</li>
|
||||
|
|
@ -123,7 +112,6 @@ desired effect
|
|||
<div class="col-sm-6">
|
||||
<h1>
|
||||
Page Header
|
||||
<small>Optional description</small>
|
||||
</h1>
|
||||
</div>
|
||||
<!-- /.col-sm-6 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue