AdminLTE/scss/_sidebar-horizontal.scss

68 lines
1.3 KiB
SCSS

@include media-breakpoint-up(md) {
.sidebar-horizontal {
.wrapper {
grid-template-areas:
"main-header"
"main-sidebar"
"content-wrapper"
"main-footer";
grid-template-columns: auto;
grid-template-rows: max-content max-content auto max-content;
}
.main-sidebar {
display: grid;
height: $sidebar-horizontal-height;
min-width: $sidebar-horizontal-width;
max-width: $sidebar-horizontal-width;
justify-content: start;
z-index: $zindex-sidebar-horizontal;
}
.brand-container {
display: none;
}
.sidebar {
// overflow: visible;
overflow-x: auto;
overflow-y: hidden;
// padding-top: .75rem;
.nav-sidebar {
display: grid;
list-style-type: none;
grid-auto-columns: 130px;
grid-auto-flow: column;
// grid-gap: 5px;
.nav-header {
display: none;
}
.nav-item > .nav-link {
display: grid;
grid-auto-flow: row;
justify-content: center;
.nav-icon {
text-align: center;
padding-left: 0;
}
p {
padding-left: 0;
}
}
}
}
&.sidebar-close {
.main-sidebar {
margin-top: -#{$sidebar-horizontal-height};
}
}
}
}