maxmustermann/AdminLTE
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

enhanced responsive fixed-header/-footer #2162

Browse source 
- 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
This commit is contained in:
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)
}
}
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

209
build/scss/_layout.scss
View file

@ -35,8 +35,47 @@ body,
}
.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 {
margin-top: 57px;
margin-top: $main-header-height;
}
.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 & {
.main-footer {
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 & {
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 {
.main-sidebar {
bottom: 0;
@ -207,7 +329,6 @@ body,
}
}
.main-footer {
background: $main-footer-bg;
border-top: $main-footer-border-top;

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

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

11
build/scss/_variables.scss
View file

@ -42,11 +42,15 @@ $content-padding-x: $navbar-padding-x !default;
// 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-x: $navbar-padding-x !default;
$main-header-brand-padding-y: $navbar-brand-padding-y !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-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-padding: 15px !default;
$main-footer-padding: 1rem !default;
$main-footer-border-top-width: 1px !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-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;
// SIDEBAR SKINS

763
dist/css/adminlte.css vendored
View file

@ -10166,8 +10166,96 @@ body,
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 {
margin-top: 57px;
margin-top: calc(3.5rem + 1px);
}
.layout-navbar-fixed .wrapper .main-header {
@ -10178,6 +10266,496 @@ body,
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 {
bottom: 0;
left: 0;
@ -10186,6 +10764,94 @@ body,
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 {
margin-left: 0;
}
@ -10285,94 +10951,6 @@ body,
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 {
bottom: 0;
float: none;
@ -10386,7 +10964,7 @@ body,
background: #ffffff;
border-top: 1px solid #dee2e6;
color: #869099;
padding: 15px;
padding: 1rem;
}
.content-header {
@ -10416,6 +10994,7 @@ body,
* ----------------------
*/
.main-header {
border: 1px solid #dee2e6;
z-index: 900;
}
@ -10442,7 +11021,7 @@ body,
}
.navbar-img {
height: 1.25rem;
height: calc(3.5rem + 1px)/2;
width: auto;
}
@ -12233,7 +12812,7 @@ html.control-sidebar-animate {
.control-sidebar {
position: absolute;
top: 2.5rem;
top: calc(3.5rem + 1px);
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);
}
}
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
;

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">
<!-- 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 -->
<ul class="navbar-nav">
<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">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
index3.html
View file

@ -29,7 +29,7 @@ to get the desired effect
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/UI/buttons.html
View file

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/UI/general.html
View file

@ -52,7 +52,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/UI/icons.html
View file

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/UI/modals.html
View file

@ -22,7 +22,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

8
pages/UI/navbar.html
View file

@ -22,7 +22,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">
@ -626,7 +626,7 @@
</div>
<div class="card-body">
<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 -->
<ul class="navbar-nav">
<li class="nav-item">
@ -654,7 +654,7 @@
</nav>
<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 -->
<ul class="navbar-nav">
<li class="nav-item">
@ -682,7 +682,7 @@
</nav>
<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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/UI/sliders.html
View file

@ -23,7 +23,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/calendar.html
View file

@ -24,7 +24,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/charts/chartjs.html
View file

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/charts/flot.html
View file

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/charts/inline.html
View file

@ -20,7 +20,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/404.html
View file

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/500.html
View file

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/blank.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/contacts.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/e_commerce.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/invoice.html
View file

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

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

@ -22,7 +22,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

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

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/profile.html
View file

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/project_add.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/project_detail.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/project_edit.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/examples/projects.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/forms/advanced.html
View file

@ -29,7 +29,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/forms/editors.html
View file

@ -21,7 +21,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/forms/general.html
View file

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/layout/boxed.html
View file

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

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

@ -20,7 +20,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

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

@ -19,7 +19,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

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

@ -19,7 +19,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/layout/fixed.html
View file

@ -21,7 +21,7 @@
<!-- Site wrapper -->
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/mailbox/compose.html
View file

@ -21,7 +21,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/mailbox/mailbox.html
View file

@ -20,7 +20,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

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

@ -19,7 +19,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/tables/data.html
View file

@ -21,7 +21,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/tables/jsgrid.html
View file

@ -22,7 +22,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/tables/simple.html
View file

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">

2
pages/widgets.html
View file

@ -18,7 +18,7 @@
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- 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 -->
<ul class="navbar-nav">
<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">
<!-- 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 -->
<ul class="navbar-nav">
<li class="nav-item">