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

enhanced responsive fixed-header/-footer #2162 

- removed js margin-top/-bottom generation
- added layout-navbar-not-fixed & layout-footer-not-fixed incl. responsive variants (eg. layout-*-navbar-not-fixed, layout-*-footer-not-fixed)
- added responsive variants for fixed (eg. layout-*-navbar-fixed, layout-*-footer-fixed)
- added default border-bottom to main-header navbar like main-footer
- removed .border-bottom from main-header navbar in demo pages
pull/2153/head
REJack 2019-07-12 20:00:43 +02:00
parent ad91b7fdb7
commit f21bf2fb4f
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
54 changed files with 896 additions and 215 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
build/js/Layout.js
View File

@ -104,17 +104,6 @@ const Layout = (($) => {
$(Selector.CONTENT).css('min-height', heights.sidebar - heights.header) $(Selector.CONTENT).css('min-height', heights.sidebar - heights.header)
} }
} }
if ($('body').hasClass(ClassName.NAVBAR_FIXED)) {
$(Selector.BRAND).css('height', heights.header)
$(Selector.SIDEBAR).css('margin-top', heights.header)
$(Selector.SIDEBAR).css('margin-top', heights.header)
}
if ($('body').hasClass(ClassName.FOOTER_FIXED)) {
$(Selector.CONTENT).css('margin-bottom', heights.footer)
}
if ($('body').hasClass(ClassName.CONTENT_FIXED)) {
$(Selector.CONTENT).css('height', $(Selector.CONTENT).css('min-height'))
}
} }
// Private // Private

209
build/scss/_layout.scss
View File

@ -35,8 +35,47 @@ body,
} }
.layout-navbar-fixed & { .layout-navbar-fixed & {
&.sidebar-collapse {
.brand-link {
height: $main-header-height;
transition: width $transition-speed $transition-fn;
width: $sidebar-mini-width;
}
.main-sidebar:hover {
.brand-link {
transition: width $transition-speed $transition-fn;
width: $sidebar-width;
}
}
}
.sidebar {
margin-top: $main-header-height;
}
.brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width $transition-speed $transition-fn;
width: $sidebar-width;
z-index: $zindex-main-sidebar + 1;
}
// Sidebar variants brand-link fix
@each $name, $color in $theme-colors {
.sidebar-dark-#{$name} .brand-link {
background-color: $sidebar-dark-bg;
}
.sidebar-light-#{$name} .brand-link {
background-color: $sidebar-light-bg;
}
}
.content-wrapper { .content-wrapper {
margin-top: 57px; margin-top: $main-header-height;
} }
.main-header { .main-header {
@ -48,6 +87,96 @@ body,
} }
} }
.layout-navbar-not-fixed & {
.brand-link {
position: static;
}
.sidebar,
.content-wrapper {
margin-top: 0px;
}
.main-header {
position: static;
}
}
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.layout#{$infix}-navbar-fixed & {
&.sidebar-collapse {
.brand-link {
height: $main-header-height;
transition: width $transition-speed $transition-fn;
width: $sidebar-mini-width;
}
.main-sidebar:hover {
.brand-link {
transition: width $transition-speed $transition-fn;
width: $sidebar-width;
}
}
}
.sidebar {
margin-top: $main-header-height;
}
.brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width $transition-speed $transition-fn;
width: $sidebar-width;
z-index: $zindex-main-sidebar + 1;
}
// Sidebar variants brand-link fix
@each $name, $color in $theme-colors {
.sidebar-dark-#{$name} .brand-link {
background-color: $sidebar-dark-bg;
}
.sidebar-light-#{$name} .brand-link {
background-color: $sidebar-light-bg;
}
}
.content-wrapper {
margin-top: $main-header-height;
}
.main-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: $zindex-main-sidebar - 1;
}
}
.layout#{$infix}-navbar-not-fixed & {
.brand-link {
position: static;
}
.sidebar,
.content-wrapper {
margin-top: 0px;
}
.main-header {
position: static;
}
}
}
}
.layout-footer-fixed & { .layout-footer-fixed & {
.main-footer { .main-footer {
bottom: 0; bottom: 0;
@ -58,6 +187,41 @@ body,
} }
} }
.layout-footer-not-fixed & {
.main-footer {
position: static;
}
.content-wrapper {
margin-bottom: 0px;
}
}
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.layout#{$infix}-footer-fixed & {
.main-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: $zindex-main-sidebar - 1;
}
.content-wrapper {
margin-bottom: $main-footer-height;
}
}
.layout#{$infix}-footer-not-fixed & {
.main-footer {
position: static;
}
}
}
}
.layout-top-nav & { .layout-top-nav & {
margin-left: 0; margin-left: 0;
@ -154,48 +318,6 @@ body,
} }
} }
.layout-navbar-fixed {
&.sidebar-collapse {
.brand-link {
height: 57px;
transition: width $transition-speed $transition-fn;
width: $sidebar-mini-width;
}
.main-sidebar:hover {
.brand-link {
transition: width $transition-speed $transition-fn;
width: $sidebar-width;
}
}
}
.sidebar {
margin-top: 57px;
}
.brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width $transition-speed $transition-fn;
width: $sidebar-width;
z-index: $zindex-main-sidebar + 1;
}
// Sidebar variants
@each $name, $color in $theme-colors {
.sidebar-dark-#{$name} .brand-link {
background-color: $sidebar-dark-bg;
}
.sidebar-light-#{$name} .brand-link {
background-color: $sidebar-light-bg;
}
}
}
.layout-fixed { .layout-fixed {
.main-sidebar { .main-sidebar {
bottom: 0; bottom: 0;
@ -207,7 +329,6 @@ body,
} }
} }
.main-footer { .main-footer {
background: $main-footer-bg; background: $main-footer-bg;
border-top: $main-footer-border-top; border-top: $main-footer-border-top;

1
build/scss/_main-header.scss
View File

@ -4,6 +4,7 @@
*/ */
.main-header { .main-header {
border: $main-header-bottom-border;
z-index: $zindex-main-header; z-index: $zindex-main-header;
.nav-link { .nav-link {

11
build/scss/_variables.scss
View File

@ -42,11 +42,15 @@ $content-padding-x: $navbar-padding-x !default;
// MAIN HEADER // MAIN HEADER
// -------------------------------------------------------- // --------------------------------------------------------
$main-header-bottom-border-width: $border-width !default;
$main-header-bottom-border-color: $gray-300 !default;
$main-header-bottom-border: $main-header-bottom-border-width solid $main-header-bottom-border-color !default;
$main-header-link-padding-y: $navbar-padding-y !default; $main-header-link-padding-y: $navbar-padding-y !default;
$main-header-link-padding-x: $navbar-padding-x !default; $main-header-link-padding-x: $navbar-padding-x !default;
$main-header-brand-padding-y: $navbar-brand-padding-y !default; $main-header-brand-padding-y: $navbar-brand-padding-y !default;
$main-header-brand-padding-x: $navbar-padding-x !default; $main-header-brand-padding-x: $navbar-padding-x !default;
$main-header-height: (($font-size-root * $line-height-base) + ($main-header-link-padding-y * 2)) !default; $main-header-height-inner: ($nav-link-height + ($main-header-link-padding-y * 2)) !default;
$main-header-height: calc(#{$main-header-height-inner} + #{$main-header-bottom-border-width}) !default;
// Main header skins // Main header skins
$main-header-dark-form-control-bg: hsla(100, 100%, 100%, 0.2) !default; $main-header-dark-form-control-bg: hsla(100, 100%, 100%, 0.2) !default;
@ -65,11 +69,12 @@ $main-header-light-placeholder-color: hsla(0, 0%, 0%, 0.6) !default;
// MAIN FOOTER // MAIN FOOTER
// -------------------------------------------------------- // --------------------------------------------------------
$main-footer-padding: 15px !default; $main-footer-padding: 1rem !default;
$main-footer-border-top-width: 1px !default; $main-footer-border-top-width: 1px !default;
$main-footer-border-top-color: $gray-300 !default; $main-footer-border-top-color: $gray-300 !default;
$main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default; $main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default;
$main-footer-height: 30px; //(($font-size-root * $line-height-base) + ($main-footer-padding * 2)) + $main-footer-border-top-width !default; $main-footer-height-inner: (($font-size-root * $line-height-base) + ($main-footer-padding * 2)) !default;
$main-footer-height: calc(#{$main-footer-height-inner} + #{$main-footer-border-top-width}) !default;
$main-footer-bg: $white; $main-footer-bg: $white;
// SIDEBAR SKINS // SIDEBAR SKINS

763
dist/css/adminlte.css vendored
View File

@ -10166,8 +10166,96 @@ body,
left: inherit; left: inherit;
} }
.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
height: calc(3.5rem + 1px);
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-navbar-fixed .wrapper .sidebar {
margin-top: calc(3.5rem + 1px);
}
.layout-navbar-fixed .wrapper .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .content-wrapper { .layout-navbar-fixed .wrapper .content-wrapper {
margin-top: 57px; margin-top: calc(3.5rem + 1px);
} }
.layout-navbar-fixed .wrapper .main-header { .layout-navbar-fixed .wrapper .main-header {
@ -10178,6 +10266,496 @@ body,
z-index: 949; z-index: 949;
} }
.layout-navbar-not-fixed .wrapper .brand-link {
position: static;
}
.layout-navbar-not-fixed .wrapper .sidebar,
.layout-navbar-not-fixed .wrapper .content-wrapper {
margin-top: 0px;
}
.layout-navbar-not-fixed .wrapper .main-header {
position: static;
}
.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
height: calc(3.5rem + 1px);
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-navbar-fixed .wrapper .sidebar {
margin-top: calc(3.5rem + 1px);
}
.layout-navbar-fixed .wrapper .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .wrapper .content-wrapper {
margin-top: calc(3.5rem + 1px);
}
.layout-navbar-fixed .wrapper .main-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 949;
}
.layout-navbar-not-fixed .wrapper .brand-link {
position: static;
}
.layout-navbar-not-fixed .wrapper .sidebar,
.layout-navbar-not-fixed .wrapper .content-wrapper {
margin-top: 0px;
}
.layout-navbar-not-fixed .wrapper .main-header {
position: static;
}
@media (min-width: 576px) {
.layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link {
height: calc(3.5rem + 1px);
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-sm-navbar-fixed .wrapper .sidebar {
margin-top: calc(3.5rem + 1px);
}
.layout-sm-navbar-fixed .wrapper .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-sm-navbar-fixed .wrapper .content-wrapper {
margin-top: calc(3.5rem + 1px);
}
.layout-sm-navbar-fixed .wrapper .main-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 949;
}
.layout-sm-navbar-not-fixed .wrapper .brand-link {
position: static;
}
.layout-sm-navbar-not-fixed .wrapper .sidebar,
.layout-sm-navbar-not-fixed .wrapper .content-wrapper {
margin-top: 0px;
}
.layout-sm-navbar-not-fixed .wrapper .main-header {
position: static;
}
}
@media (min-width: 768px) {
.layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link {
height: calc(3.5rem + 1px);
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-md-navbar-fixed .wrapper .sidebar {
margin-top: calc(3.5rem + 1px);
}
.layout-md-navbar-fixed .wrapper .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-md-navbar-fixed .wrapper .content-wrapper {
margin-top: calc(3.5rem + 1px);
}
.layout-md-navbar-fixed .wrapper .main-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 949;
}
.layout-md-navbar-not-fixed .wrapper .brand-link {
position: static;
}
.layout-md-navbar-not-fixed .wrapper .sidebar,
.layout-md-navbar-not-fixed .wrapper .content-wrapper {
margin-top: 0px;
}
.layout-md-navbar-not-fixed .wrapper .main-header {
position: static;
}
}
@media (min-width: 992px) {
.layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link {
height: calc(3.5rem + 1px);
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-lg-navbar-fixed .wrapper .sidebar {
margin-top: calc(3.5rem + 1px);
}
.layout-lg-navbar-fixed .wrapper .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-lg-navbar-fixed .wrapper .content-wrapper {
margin-top: calc(3.5rem + 1px);
}
.layout-lg-navbar-fixed .wrapper .main-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 949;
}
.layout-lg-navbar-not-fixed .wrapper .brand-link {
position: static;
}
.layout-lg-navbar-not-fixed .wrapper .sidebar,
.layout-lg-navbar-not-fixed .wrapper .content-wrapper {
margin-top: 0px;
}
.layout-lg-navbar-not-fixed .wrapper .main-header {
position: static;
}
}
@media (min-width: 1200px) {
.layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link {
height: calc(3.5rem + 1px);
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-xl-navbar-fixed .wrapper .sidebar {
margin-top: calc(3.5rem + 1px);
}
.layout-xl-navbar-fixed .wrapper .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-xl-navbar-fixed .wrapper .content-wrapper {
margin-top: calc(3.5rem + 1px);
}
.layout-xl-navbar-fixed .wrapper .main-header {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 949;
}
.layout-xl-navbar-not-fixed .wrapper .brand-link {
position: static;
}
.layout-xl-navbar-not-fixed .wrapper .sidebar,
.layout-xl-navbar-not-fixed .wrapper .content-wrapper {
margin-top: 0px;
}
.layout-xl-navbar-not-fixed .wrapper .main-header {
position: static;
}
}
.layout-footer-fixed .wrapper .main-footer { .layout-footer-fixed .wrapper .main-footer {
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -10186,6 +10764,94 @@ body,
z-index: 949; z-index: 949;
} }
.layout-footer-not-fixed .wrapper .main-footer {
position: static;
}
.layout-footer-not-fixed .wrapper .content-wrapper {
margin-bottom: 0px;
}
.layout-footer-fixed .wrapper .main-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 949;
}
.layout-footer-fixed .wrapper .content-wrapper {
margin-bottom: calc(3.5rem + 1px);
}
.layout-footer-not-fixed .wrapper .main-footer {
position: static;
}
@media (min-width: 576px) {
.layout-sm-footer-fixed .wrapper .main-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 949;
}
.layout-sm-footer-fixed .wrapper .content-wrapper {
margin-bottom: calc(3.5rem + 1px);
}
.layout-sm-footer-not-fixed .wrapper .main-footer {
position: static;
}
}
@media (min-width: 768px) {
.layout-md-footer-fixed .wrapper .main-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 949;
}
.layout-md-footer-fixed .wrapper .content-wrapper {
margin-bottom: calc(3.5rem + 1px);
}
.layout-md-footer-not-fixed .wrapper .main-footer {
position: static;
}
}
@media (min-width: 992px) {
.layout-lg-footer-fixed .wrapper .main-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 949;
}
.layout-lg-footer-fixed .wrapper .content-wrapper {
margin-bottom: calc(3.5rem + 1px);
}
.layout-lg-footer-not-fixed .wrapper .main-footer {
position: static;
}
}
@media (min-width: 1200px) {
.layout-xl-footer-fixed .wrapper .main-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 949;
}
.layout-xl-footer-fixed .wrapper .content-wrapper {
margin-bottom: calc(3.5rem + 1px);
}
.layout-xl-footer-not-fixed .wrapper .main-footer {
position: static;
}
}
.layout-top-nav .wrapper { .layout-top-nav .wrapper {
margin-left: 0; margin-left: 0;
} }
@ -10285,94 +10951,6 @@ body,
top: 0; top: 0;
} }
.layout-navbar-fixed.sidebar-collapse .brand-link {
height: 57px;
transition: width 0.3s ease-in-out;
width: 4.6rem;
}
.layout-navbar-fixed.sidebar-collapse .main-sidebar:hover .brand-link {
transition: width 0.3s ease-in-out;
width: 250px;
}
.layout-navbar-fixed .sidebar {
margin-top: 57px;
}
.layout-navbar-fixed .brand-link {
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 951;
}
.layout-navbar-fixed .sidebar-dark-primary .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-primary .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-secondary .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-secondary .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-success .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-success .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-info .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-info .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-warning .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-warning .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-danger .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-danger .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-light .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-light .brand-link {
background-color: #ffffff;
}
.layout-navbar-fixed .sidebar-dark-dark .brand-link {
background-color: #343a40;
}
.layout-navbar-fixed .sidebar-light-dark .brand-link {
background-color: #ffffff;
}
.layout-fixed .main-sidebar { .layout-fixed .main-sidebar {
bottom: 0; bottom: 0;
float: none; float: none;
@ -10386,7 +10964,7 @@ body,
background: #ffffff; background: #ffffff;
border-top: 1px solid #dee2e6; border-top: 1px solid #dee2e6;
color: #869099; color: #869099;
padding: 15px; padding: 1rem;
} }
.content-header { .content-header {
@ -10416,6 +10994,7 @@ body,
* ---------------------- * ----------------------
*/ */
.main-header { .main-header {
border: 1px solid #dee2e6;
z-index: 900; z-index: 900;
} }
@ -10442,7 +11021,7 @@ body,
} }
.navbar-img { .navbar-img {
height: 1.25rem; height: calc(3.5rem + 1px)/2;
width: auto; width: auto;
} }
@ -12233,7 +12812,7 @@ html.control-sidebar-animate {
.control-sidebar { .control-sidebar {
position: absolute; position: absolute;
top: 2.5rem; top: calc(3.5rem + 1px);
z-index: 830; z-index: 830;
} }

2
dist/css/adminlte.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/adminlte.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/adminlte.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

14
dist/js/adminlte.js vendored
View File

@ -254,20 +254,6 @@
$(Selector.CONTENT).css('min-height', heights.sidebar - heights.header); $(Selector.CONTENT).css('min-height', heights.sidebar - heights.header);
} }
} }
if ($('body').hasClass(ClassName.NAVBAR_FIXED)) {
$(Selector.BRAND).css('height', heights.header);
$(Selector.SIDEBAR).css('margin-top', heights.header);
$(Selector.SIDEBAR).css('margin-top', heights.header);
}
if ($('body').hasClass(ClassName.FOOTER_FIXED)) {
$(Selector.CONTENT).css('margin-bottom', heights.footer);
}
if ($('body').hasClass(ClassName.CONTENT_FIXED)) {
$(Selector.CONTENT).css('height', $(Selector.CONTENT).css('min-height'));
}
} // Private } // Private
; ;

2
dist/js/adminlte.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/adminlte.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/adminlte.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
index.html
View File

@ -31,7 +31,7 @@
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
index2.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed"> <body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
index3.html
View File

@ -29,7 +29,7 @@ to get the desired effect
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/UI/buttons.html
View File

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/UI/general.html
View File

@ -52,7 +52,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/UI/icons.html
View File

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/UI/modals.html
View File

@ -22,7 +22,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

8
pages/UI/navbar.html
View File

@ -22,7 +22,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
@ -626,7 +626,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<h4>Default Navbar</h4> <h4>Default Navbar</h4>
<nav class="navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
@ -654,7 +654,7 @@
</nav> </nav>
<h4 class="mt-4">Primary Navbar <small>(navbar-primary navbar-dark)</small></h4> <h4 class="mt-4">Primary Navbar <small>(navbar-primary navbar-dark)</small></h4>
<nav class="navbar navbar-expand navbar-primary navbar-dark border-bottom"> <nav class="navbar navbar-expand navbar-primary navbar-dark">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
@ -682,7 +682,7 @@
</nav> </nav>
<h4 class="mt-4">Orange Navbar <small>(navbar-orange navbar-light)</small></h4> <h4 class="mt-4">Orange Navbar <small>(navbar-orange navbar-light)</small></h4>
<nav class="navbar navbar-expand navbar-orange navbar-light border-bottom"> <nav class="navbar navbar-expand navbar-orange navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/UI/sliders.html
View File

@ -23,7 +23,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/calendar.html
View File

@ -24,7 +24,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/charts/chartjs.html
View File

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/charts/flot.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/charts/inline.html
View File

@ -20,7 +20,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/404.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/500.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/blank.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/contacts.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/e_commerce.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/invoice.html
View File

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/language-menu.html
View File

@ -22,7 +22,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/legacy-user-menu.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/profile.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/project_add.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/project_detail.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/project_edit.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/examples/projects.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/forms/advanced.html
View File

@ -29,7 +29,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/forms/editors.html
View File

@ -21,7 +21,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/forms/general.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/layout/boxed.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/layout/collapsed-sidebar.html
View File

@ -20,7 +20,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/layout/fixed-footer.html
View File

@ -19,7 +19,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/layout/fixed-topnav.html
View File

@ -19,7 +19,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/layout/fixed.html
View File

@ -21,7 +21,7 @@
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/mailbox/compose.html
View File

@ -21,7 +21,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/mailbox/mailbox.html
View File

@ -20,7 +20,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/mailbox/read-mail.html
View File

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/tables/data.html
View File

@ -21,7 +21,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/tables/jsgrid.html
View File

@ -22,7 +22,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/tables/simple.html
View File

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
pages/widgets.html
View File

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini"> <body class="hold-transition sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">

2
starter.html
View File

@ -22,7 +22,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
<div class="wrapper"> <div class="wrapper">
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">