mirror of https://github.com/ColorlibHQ/AdminLTE
fixed sidebar nav icon placing (without body.text-sm)
REJack
parent
771a2d5530
commit
b1b5ce3cb5
|
|
@ -111,6 +111,7 @@
|
|||
margin-bottom: 0;
|
||||
|
||||
.nav-icon {
|
||||
margin-left: .05rem;
|
||||
font-size: 1.2rem;
|
||||
margin-right: .2rem;
|
||||
text-align: center;
|
||||
|
|
@ -450,28 +451,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.nav-compact {
|
||||
.sidebar-mini.sidebar-collapse &,
|
||||
.sidebar-mini-md.sidebar-collapse & {
|
||||
.nav-icon {
|
||||
@include transition(margin-left $transition-fn $transition-speed);
|
||||
margin-left: .45rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .45rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover &.nav-compact,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover &.nav-compact,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused &.nav-compact,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused &.nav-compact {
|
||||
.nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused {
|
||||
.nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview {
|
||||
padding-left: 1rem;
|
||||
margin-left: -.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -479,20 +465,139 @@
|
|||
.nav-flat {
|
||||
margin: (-$sidebar-padding-x/2) (-$sidebar-padding-x) 0;
|
||||
|
||||
&.nav-child-indent {
|
||||
.nav-treeview {
|
||||
padding-left: 0 !important;
|
||||
|
||||
.nav-treeview {
|
||||
border-left: .2rem solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
> .nav-link {
|
||||
border-radius: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
> .nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.nav-child-indent) {
|
||||
.nav-treeview {
|
||||
.nav-item {
|
||||
> .nav-link {
|
||||
> .nav-icon {
|
||||
margin-left: .4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-child-indent {
|
||||
.nav-treeview {
|
||||
padding-left: 0;
|
||||
|
||||
.nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
border-left: .2rem solid;
|
||||
|
||||
.nav-icon {
|
||||
margin-left: 1.15rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 1.45rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 2.05rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-collapse &.nav-child-indent {
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
padding-left: calc(#{$nav-link-padding-x} - .2rem);
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .35rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .15rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: -.15rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: -.35rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover &,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover &,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused &,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused & {
|
||||
&.nav-compact.nav-sidebar .nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .4rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-sidebar.nav-child-indent .nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 1.15rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 1.45rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: 2.05rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -506,18 +611,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.sidebar-collapse & {
|
||||
.nav-icon {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-sidebar > .nav-item {
|
||||
.nav-treeview,
|
||||
> .nav-treeview {
|
||||
|
|
@ -530,19 +623,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse &.nav-compact,
|
||||
.sidebar-mini-md.sidebar-collapse &.nav-compact {
|
||||
.nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: .805rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-legacy {
|
||||
|
|
@ -557,13 +637,17 @@
|
|||
|
||||
&.nav-sidebar > .nav-item {
|
||||
> .nav-link {
|
||||
> .nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: inherit;
|
||||
border-left: 3px solid transparent;
|
||||
box-shadow: none;
|
||||
|
||||
> .nav-icon {
|
||||
margin-left: -3px;
|
||||
margin-left: calc(.55rem - 3px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -580,7 +664,7 @@
|
|||
|
||||
.sidebar-mini.sidebar-collapse &,
|
||||
.sidebar-mini-md.sidebar-collapse &, {
|
||||
> .nav-item .nav-link {
|
||||
> .nav-item > .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
|
@ -593,117 +677,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse &.nav-compact,
|
||||
.sidebar-mini-md.sidebar-collapse &.nav-compact {
|
||||
> .nav-item .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-item > .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse &.nav-compact.nav-flat,
|
||||
.sidebar-mini-md.sidebar-collapse &.nav-compact.nav-flat {
|
||||
> .nav-item .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-item > .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover &,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover &,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused &,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused & {
|
||||
&.nav-compact {
|
||||
> .nav-item .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-item > .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-flat {
|
||||
> .nav-item .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .nav-item > .nav-link {
|
||||
.nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[class*='sidebar-dark'] & {
|
||||
&.nav-sidebar > .nav-item {
|
||||
.nav-treeview,
|
||||
|
|
@ -776,21 +749,18 @@
|
|||
.nav-compact {
|
||||
.nav-link,
|
||||
.nav-header {
|
||||
padding: ($nav-link-padding-y / 2) ($nav-link-padding-x / 2);
|
||||
padding-top: ($nav-link-padding-y / 2);
|
||||
padding-bottom: ($nav-link-padding-y / 2);
|
||||
}
|
||||
|
||||
.nav-header:not(:first-of-type) {
|
||||
padding: ($nav-link-padding-y * 1.5) ($nav-link-padding-x / 2) ($nav-link-padding-y / 2);
|
||||
padding-top: ($nav-link-padding-y * 1.5);
|
||||
padding-bottom: ($nav-link-padding-y / 2);
|
||||
}
|
||||
|
||||
.nav-link > .right,
|
||||
.nav-link > p > .right {
|
||||
top: .5rem;
|
||||
right: .5rem;
|
||||
|
||||
&:nth-child(2) {
|
||||
right: 1.6rem;
|
||||
}
|
||||
top: .465rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -90,10 +90,6 @@
|
|||
&.sidebar-focused {
|
||||
width: $sidebar-width;
|
||||
|
||||
.nav-sidebar.nav-child-indent .nav-treeview {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.brand-link {
|
||||
width: $sidebar-width;
|
||||
}
|
||||
|
|
@ -116,18 +112,6 @@
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
.nav-flat {
|
||||
.nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.nav-treeview {
|
||||
.nav-icon {
|
||||
margin-left: -.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo-xs {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
|
|
|
|||
|
|
@ -11724,6 +11724,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
}
|
||||
|
||||
.nav-sidebar > .nav-item .nav-icon {
|
||||
margin-left: .05rem;
|
||||
font-size: 1.2rem;
|
||||
margin-right: .2rem;
|
||||
text-align: center;
|
||||
|
|
@ -12243,46 +12244,123 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
border-color: #343a40;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-compact .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-compact .nav-icon {
|
||||
transition: margin-left ease-in-out 0.3s;
|
||||
margin-left: .45rem;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.sidebar-mini.sidebar-collapse .nav-compact .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-compact .nav-icon {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-compact .nav-treeview .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-compact .nav-treeview .nav-icon {
|
||||
margin-left: .45rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-compact .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-compact .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-compact .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-compact .nav-icon {
|
||||
margin-left: 0;
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview {
|
||||
padding-left: 1rem;
|
||||
margin-left: -.5rem;
|
||||
}
|
||||
|
||||
.nav-flat {
|
||||
margin: -0.25rem -0.5rem 0;
|
||||
}
|
||||
|
||||
.nav-flat .nav-item > .nav-link {
|
||||
border-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nav-flat .nav-item > .nav-link > .nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
||||
.nav-flat:not(.nav-child-indent) .nav-treeview .nav-item > .nav-link > .nav-icon {
|
||||
margin-left: .4rem;
|
||||
}
|
||||
|
||||
.nav-flat.nav-child-indent .nav-treeview {
|
||||
padding-left: 0 !important;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.nav-flat.nav-child-indent .nav-treeview .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.nav-flat.nav-child-indent .nav-treeview .nav-treeview {
|
||||
border-left: .2rem solid;
|
||||
}
|
||||
|
||||
.nav-flat .nav-item > .nav-link {
|
||||
border-radius: 0;
|
||||
margin-bottom: 0;
|
||||
.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 1.15rem;
|
||||
}
|
||||
|
||||
.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 1.45rem;
|
||||
}
|
||||
|
||||
.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 2.05rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-link {
|
||||
padding-left: calc(1rem - .2rem);
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: .35rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: .15rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: -.15rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: -.35rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon ,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon {
|
||||
margin-left: .4rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon ,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 1.15rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 1.45rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon ,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
|
||||
margin-left: 2.05rem;
|
||||
}
|
||||
|
||||
.nav-flat .nav-icon {
|
||||
|
|
@ -12299,14 +12377,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
margin-left: -.2rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat .nav-icon {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
|
||||
.sidebar-collapse .nav-flat .nav-treeview .nav-icon {
|
||||
margin-left: .3rem;
|
||||
}
|
||||
|
||||
.nav-flat.nav-sidebar > .nav-item .nav-treeview,
|
||||
.nav-flat.nav-sidebar > .nav-item > .nav-treeview {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
|
|
@ -12317,16 +12387,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
border-left: .2rem solid;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-flat.nav-compact .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-flat.nav-compact .nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-flat.nav-compact .nav-treeview .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-flat.nav-compact .nav-treeview .nav-icon {
|
||||
margin-left: .805rem;
|
||||
}
|
||||
|
||||
.nav-legacy {
|
||||
margin: -0.25rem -0.5rem 0;
|
||||
}
|
||||
|
|
@ -12336,6 +12396,10 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nav-legacy.nav-sidebar > .nav-item > .nav-link > .nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
||||
.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
|
||||
background: inherit;
|
||||
border-left: 3px solid transparent;
|
||||
|
|
@ -12343,7 +12407,7 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
}
|
||||
|
||||
.nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
|
||||
margin-left: -3px;
|
||||
margin-left: calc(.55rem - 3px);
|
||||
}
|
||||
|
||||
.sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
|
||||
|
|
@ -12358,112 +12422,16 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
}
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item .nav-link .nav-icon {
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item > .nav-link .nav-icon {
|
||||
margin-left: .55rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item .nav-link.active > .nav-icon {
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item > .nav-link.active > .nav-icon {
|
||||
margin-left: .36rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link.active > .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link .nav-icon {
|
||||
margin-left: 1.05rem;
|
||||
}
|
||||
|
||||
.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link.active > .nav-icon {
|
||||
margin-left: .85rem;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon {
|
||||
margin-left: -3px;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon,
|
||||
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .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);
|
||||
|
|
@ -12514,22 +12482,18 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
|
||||
.nav-compact .nav-link,
|
||||
.nav-compact .nav-header {
|
||||
padding: 0.25rem 0.5rem;
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.nav-compact .nav-header:not(:first-of-type) {
|
||||
padding: 0.75rem 0.5rem 0.25rem;
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.nav-compact .nav-link > .right,
|
||||
.nav-compact .nav-link > p > .right {
|
||||
top: .5rem;
|
||||
right: .5rem;
|
||||
}
|
||||
|
||||
.nav-compact .nav-link > .right:nth-child(2),
|
||||
.nav-compact .nav-link > p > .right:nth-child(2) {
|
||||
right: 1.6rem;
|
||||
top: .465rem;
|
||||
}
|
||||
|
||||
[class*='sidebar-dark'] .form-control-sidebar,
|
||||
|
|
@ -12655,9 +12619,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
.sidebar-mini.sidebar-collapse .main-sidebar:hover, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
|
||||
width: 250px;
|
||||
}
|
||||
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
|
||||
width: 250px;
|
||||
}
|
||||
|
|
@ -12679,12 +12640,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon {
|
||||
margin-left: -.2rem;
|
||||
}
|
||||
.sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
|
|
@ -12768,9 +12723,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused {
|
||||
width: 250px;
|
||||
}
|
||||
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
|
||||
width: 250px;
|
||||
}
|
||||
|
|
@ -12792,12 +12744,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
|
|||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon {
|
||||
margin-left: -.2rem;
|
||||
}
|
||||
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue