144 lines
3.6 KiB
SCSS
Vendored
144 lines
3.6 KiB
SCSS
Vendored
// Sidebar Panel
|
|
.sidebar-mini {
|
|
max-width: $navbar-vertical-mini-width;
|
|
&.navs-rounded-all, &.navs-pill-all{
|
|
.navbar-nav {
|
|
.nav-item:not(.static-item){
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
&.navs-rounded, &.navs-pill {
|
|
.sidebar-list {
|
|
@include nav-item() {
|
|
i.sidenav-mini-icon {
|
|
margin-left: 5px;
|
|
}
|
|
.sub-nav {
|
|
.nav-link {
|
|
padding-left: 1.5rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.navbar-brand {
|
|
.logo-title {
|
|
transition: $navbar-vertical-transition;
|
|
transform: translateX(-100%) scale(0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.sidebar-toggle {
|
|
.icon {
|
|
transform: rotate(180deg);
|
|
transition: $navbar-vertical-transition;
|
|
}
|
|
}
|
|
.sidebar-body {
|
|
padding-right: .5rem;
|
|
}
|
|
.sidebar-list {
|
|
@include nav-item() {
|
|
span {
|
|
transition: $navbar-vertical-transition;
|
|
transform: translateX(-100%) scale(0);
|
|
opacity: 0;
|
|
|
|
&.sidenav-mini-icon {
|
|
opacity: 1;
|
|
display: block;
|
|
-webkit-transform: translateX(-100%) scale(1);
|
|
transform: translateX(-100%) scale(1);
|
|
}
|
|
}
|
|
i.sidenav-mini-icon {
|
|
font-style: inherit !important;
|
|
opacity: 1;
|
|
display: block;
|
|
margin-left: .25rem;
|
|
}
|
|
}
|
|
.static-item {
|
|
text-align: center;
|
|
.default-icon {
|
|
display: none;
|
|
}
|
|
.mini-icon {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
&.sidebar-hover {
|
|
&:hover {
|
|
@include nav-item(false) {
|
|
i.sidenav-mini-icon {
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.sub-nav {
|
|
.nav-item {
|
|
.nav-link {
|
|
.icon {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Sidebar With Main Panel
|
|
.sidebar {
|
|
&.sidebar-mini {
|
|
&.sidebar-boxed {
|
|
&+.main-content {
|
|
margin-left: calc(#{$navbar-vertical-mini-width} + 2rem);
|
|
}
|
|
}
|
|
&+.main-content {
|
|
transition: all 300ms ease;
|
|
margin-left:$navbar-vertical-mini-width;
|
|
}
|
|
&.sidebar-hover.sidebar-transparent{
|
|
&:hover {
|
|
&+.main-content{
|
|
margin-left: $navbar-vertical-width;
|
|
position: relative;
|
|
.iq-header-img{
|
|
width: calc(100% - 0rem) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-down(xl) {
|
|
.sidebar {
|
|
&.sidebar-default.sidebar-mini+.main-content{
|
|
margin-left: 0;
|
|
}
|
|
&.sidebar-mini {
|
|
.sidebar-list {
|
|
@include nav-item() {
|
|
.sub-nav {
|
|
li {
|
|
.icon {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.sidebar-header {
|
|
a.navbar-brand {
|
|
transform: translate(-100%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|