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

some little fixes 

- fixed info box icon aligning
- added .nav-legacy
- added .nav-collapse-hide-child
- fixed sidebar-light-hover-bg & sidebar-light-active-color
pull/2269/head
REJack 2019-10-30 11:59:53 +01:00
parent 090bffc34c
commit e7d646cba1
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
9 changed files with 326 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/scss/_info-box.scss
View File

@ -29,7 +29,7 @@
} }
align-items: center; align-items: center;
display: block; display: flex;
font-size: 1.875rem; font-size: 1.875rem;
justify-content: center; justify-content: center;
text-align: center; text-align: center;

91
build/scss/_main-sidebar.scss
View File

@ -498,6 +498,97 @@
} }
} }
.nav-legacy {
margin: (-$sidebar-padding-x/2) (-$sidebar-padding-x) 0;
&.nav-sidebar .nav-item {
> .nav-link {
border-radius: 0;
margin-bottom: 0;
}
}
&.nav-sidebar > .nav-item {
> .nav-link {
&.active {
background: inherit;
border-left: 3px solid transparent;
box-shadow: none;
> .nav-icon {
margin-left: -3px;
}
}
}
}
[class*='sidebar-dark'] & {
&.nav-sidebar > .nav-item {
.nav-treeview,
> .nav-treeview {
background: rgba($white, .05);
}
> .nav-link.active {
color: $sidebar-dark-active-color;
}
}
.nav-treeview > .nav-item > .nav-link {
&.active,
&:focus,
&:hover {
background: none;
color: $sidebar-dark-active-color;
}
}
}
[class*='sidebar-light'] & {
&.nav-sidebar > .nav-item {
.nav-treeview,
> .nav-treeview {
background: rgba($black, .05);
}
> .nav-link.active {
color: $sidebar-light-active-color;
}
}
.nav-treeview > .nav-item > .nav-link {
&.active,
&:focus,
&:hover {
background: none;
color: $sidebar-light-active-color;
}
}
}
}
.nav-collapse-hide-child {
.menu-open > .nav-treeview {
max-height: min-content;
opacity: 1;
}
.sidebar-collapse & {
.menu-open > .nav-treeview {
max-height: 0;
opacity: 0;
}
}
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused &,
.sidebar-mini.sidebar-collapse .main-sidebar:hover & {
.menu-open > .nav-treeview {
max-height: min-content;
opacity: 1;
}
}
}
// Nav Compact // Nav Compact
.nav-compact { .nav-compact {

4
build/scss/_variables.scss
View File

@ -118,10 +118,10 @@ $sidebar-dark-header-color: $white !default;
// Light sidebar // Light sidebar
$sidebar-light-bg: $white !default; $sidebar-light-bg: $white !default;
$sidebar-light-hover-bg: lighten(#f0f0f1, 1.5%) !default; $sidebar-light-hover-bg: rgba($black, .1) !default;
$sidebar-light-color: $gray-800 !default; $sidebar-light-color: $gray-800 !default;
$sidebar-light-hover-color: $gray-900 !default; $sidebar-light-hover-color: $gray-900 !default;
$sidebar-light-active-color: $white !default; $sidebar-light-active-color: $black !default;
$sidebar-light-submenu-bg: transparent !default; $sidebar-light-submenu-bg: transparent !default;
$sidebar-light-submenu-color: #777 !default; $sidebar-light-submenu-color: #777 !default;
$sidebar-light-submenu-hover-color: #000 !default; $sidebar-light-submenu-hover-color: #000 !default;

6
build/scss/mixins/_sidebar.scss
View File

@ -10,6 +10,12 @@
color: color-yiq($color); color: color-yiq($color);
} }
} }
.nav-sidebar.nav-legacy > .nav-item {
& > .nav-link.active {
border-color: $color;
}
}
} }
// Sidebar Mini Breakpoints // Sidebar Mini Breakpoints

218
dist/css/adminlte.css vendored
View File

@ -11688,18 +11688,18 @@ body,
} }
[class*='sidebar-light-'] .user-panel .status { [class*='sidebar-light-'] .user-panel .status {
background: #f4f4f5; background: rgba(0, 0, 0, 0.1);
color: #343a40; color: #343a40;
} }
[class*='sidebar-light-'] .user-panel .status:hover, [class*='sidebar-light-'] .user-panel .status:focus, [class*='sidebar-light-'] .user-panel .status:active { [class*='sidebar-light-'] .user-panel .status:hover, [class*='sidebar-light-'] .user-panel .status:focus, [class*='sidebar-light-'] .user-panel .status:active {
background: #ececed; background: rgba(0, 0, 0, 0.1);
color: #212529; color: #212529;
} }
[class*='sidebar-light-'] .user-panel .dropdown-menu { [class*='sidebar-light-'] .user-panel .dropdown-menu {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
border-color: #e7e7e8; border-color: rgba(0, 0, 0, 0.1);
} }
[class*='sidebar-light-'] .user-panel .dropdown-item { [class*='sidebar-light-'] .user-panel .dropdown-item {
@ -11712,12 +11712,12 @@ body,
[class*='sidebar-light-'] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*='sidebar-light-'] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*='sidebar-light-'] .nav-sidebar > .nav-item:hover > .nav-link { [class*='sidebar-light-'] .nav-sidebar > .nav-item:hover > .nav-link {
background-color: #f4f4f5; background-color: rgba(0, 0, 0, 0.1);
color: #212529; color: #212529;
} }
[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link.active { [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link.active {
color: #ffffff; color: #000;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} }
@ -11743,20 +11743,20 @@ body,
} }
[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover { [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover {
background-color: #f4f4f5; background-color: rgba(0, 0, 0, 0.1);
color: #212529; color: #212529;
} }
[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link:hover { [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link:hover {
background-color: #f4f4f5; background-color: rgba(0, 0, 0, 0.1);
} }
[class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview .nav-treeview  { [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview .nav-treeview  {
border-color: #f4f4f5; border-color: rgba(0, 0, 0, 0.1);
} }
[class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
border-color: #f4f4f5; border-color: rgba(0, 0, 0, 0.1);
} }
[class*='sidebar-dark-'] { [class*='sidebar-dark-'] {
@ -11847,156 +11847,286 @@ body,
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #007bff;
}
.sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
background-color: #6c757d; background-color: #6c757d;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #6c757d;
}
.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
background-color: #28a745; background-color: #28a745;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #28a745;
}
.sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
background-color: #17a2b8; background-color: #17a2b8;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #17a2b8;
}
.sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
background-color: #ffc107; background-color: #ffc107;
color: #1F2D3D; color: #1F2D3D;
} }
.sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #ffc107;
}
.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
background-color: #dc3545; background-color: #dc3545;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #dc3545;
}
.sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
background-color: #f8f9fa; background-color: #f8f9fa;
color: #1F2D3D; color: #1F2D3D;
} }
.sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #f8f9fa;
}
.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
background-color: #343a40; background-color: #343a40;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #343a40;
}
.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
background-color: #001f3f; background-color: #001f3f;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #001f3f;
}
.sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
background-color: #3d9970; background-color: #3d9970;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #3d9970;
}
.sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
background-color: #01ff70; background-color: #01ff70;
color: #1F2D3D; color: #1F2D3D;
} }
.sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #01ff70;
}
.sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
background-color: #f012be; background-color: #f012be;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #f012be;
}
.sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
background-color: #d81b60; background-color: #d81b60;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #d81b60;
}
.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
background-color: #007bff; background-color: #007bff;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #007bff;
}
.sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
background-color: #6610f2; background-color: #6610f2;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #6610f2;
}
.sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
background-color: #6f42c1; background-color: #6f42c1;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #6f42c1;
}
.sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
background-color: #e83e8c; background-color: #e83e8c;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #e83e8c;
}
.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
background-color: #dc3545; background-color: #dc3545;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #dc3545;
}
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
background-color: #fd7e14; background-color: #fd7e14;
color: #1F2D3D; color: #1F2D3D;
} }
.sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #fd7e14;
}
.sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
background-color: #ffc107; background-color: #ffc107;
color: #1F2D3D; color: #1F2D3D;
} }
.sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #ffc107;
}
.sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
background-color: #28a745; background-color: #28a745;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #28a745;
}
.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
background-color: #20c997; background-color: #20c997;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #20c997;
}
.sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
background-color: #17a2b8; background-color: #17a2b8;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #17a2b8;
}
.sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
background-color: #ffffff; background-color: #ffffff;
color: #1F2D3D; color: #1F2D3D;
} }
.sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #ffffff;
}
.sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
background-color: #6c757d; background-color: #6c757d;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #6c757d;
}
.sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active { .sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
background-color: #343a40; background-color: #343a40;
color: #ffffff; color: #ffffff;
} }
.sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
border-color: #343a40;
}
.nav-flat { .nav-flat {
margin: -0.25rem -0.5rem 0; margin: -0.25rem -0.5rem 0;
} }
@ -12046,6 +12176,73 @@ body,
border-left: .2rem solid; border-left: .2rem solid;
} }
.nav-legacy {
margin: -0.25rem -0.5rem 0;
}
.nav-legacy.nav-sidebar .nav-item > .nav-link {
border-radius: 0;
margin-bottom: 0;
}
.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
background: inherit;
border-left: 3px solid transparent;
box-shadow: none;
}
.nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
margin-left: -3px;
}
[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
background: rgba(255, 255, 255, 0.05);
}
[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
color: #ffffff;
}
[class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
background: none;
color: #ffffff;
}
[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
background: rgba(0, 0, 0, 0.05);
}
[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
color: #000;
}
[class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
background: none;
color: #000;
}
.nav-collapse-hide-child .menu-open > .nav-treeview {
max-height: -webkit-min-content;
max-height: -moz-min-content;
max-height: min-content;
opacity: 1;
}
.sidebar-collapse .nav-collapse-hide-child .menu-open > .nav-treeview {
max-height: 0;
opacity: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-collapse-hide-child .menu-open > .nav-treeview {
max-height: -webkit-min-content;
max-height: -moz-min-content;
max-height: min-content;
opacity: 1;
}
.nav-compact .nav-link, .nav-compact .nav-link,
.nav-compact .nav-header { .nav-compact .nav-header {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
@ -18215,7 +18412,8 @@ html.maximized-card {
border-radius: 0.25rem; border-radius: 0.25rem;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
display: block; display: -ms-flexbox;
display: flex;
font-size: 1.875rem; font-size: 1.875rem;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;

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

15
dist/js/demo.js vendored
View File

@ -131,6 +131,21 @@
var $flat_sidebar_container = $('<div />', {'class': 'mb-1'}).append($flat_sidebar_checkbox).append('<span>Sidebar nav flat style</span>') var $flat_sidebar_container = $('<div />', {'class': 'mb-1'}).append($flat_sidebar_checkbox).append('<span>Sidebar nav flat style</span>')
$container.append($flat_sidebar_container) $container.append($flat_sidebar_container)
var $legacy_sidebar_checkbox = $('<input />', {
type : 'checkbox',
value : 1,
checked: $('.nav-sidebar').hasClass('nav-legacy'),
'class': 'mr-1'
}).on('click', function () {
if ($(this).is(':checked')) {
$('.nav-sidebar').addClass('nav-legacy')
} else {
$('.nav-sidebar').removeClass('nav-legacy')
}
})
var $legacy_sidebar_container = $('<div />', {'class': 'mb-1'}).append($legacy_sidebar_checkbox).append('<span>Sidebar nav legacy style</span>')
$container.append($legacy_sidebar_container)
var $compact_sidebar_checkbox = $('<input />', { var $compact_sidebar_checkbox = $('<input />', {
type : 'checkbox', type : 'checkbox',
value : 1, value : 1,