xiaoyu
89 lines
2.0 KiB
SCSS
89 lines
2.0 KiB
SCSS
@import '../../style/themes/default.scss';
|
|
|
|
/* 折叠侧栏 */
|
|
.ele-admin-collapse {
|
|
.ele-admin-logo > span {
|
|
display: none;
|
|
}
|
|
|
|
&:not(.ele-admin-side-mix) {
|
|
.ele-admin-logo,
|
|
.ele-admin-sidebar,
|
|
.ele-admin-sidebar .el-menu--collapse {
|
|
width: $--sidebar-collapse-width;
|
|
}
|
|
}
|
|
|
|
.ele-admin-sidebar .el-menu--collapse > li > .el-tooltip,
|
|
.ele-admin-sidebar .el-menu--collapse > li > .el-submenu__title {
|
|
padding: 0 !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
&.ele-admin-side-mix .ele-admin-sidebar-nav {
|
|
box-shadow: $--sidebar-light-shadow;
|
|
|
|
& + .ele-admin-sidebar {
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
.ele-admin-sidebar + .ele-admin-body {
|
|
width: calc(100% - #{$--sidebar-collapse-width});
|
|
}
|
|
|
|
&.ele-admin-side-mix:not(.ele-admin-nav-collapse) {
|
|
.ele-admin-sidebar + .ele-admin-body {
|
|
width: calc(100% - #{$--sidebar-nav-width});
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 折叠一级侧栏 */
|
|
.ele-admin-nav-collapse.ele-admin-side-mix {
|
|
.ele-admin-logo {
|
|
width: $--sidebar-collapse-width;
|
|
}
|
|
|
|
.ele-admin-sidebar-nav {
|
|
width: $--sidebar-collapse-width;
|
|
|
|
.ele-admin-sidebar-nav-menu {
|
|
& > .el-scrollbar > .el-scrollbar__wrap > .el-scrollbar__view {
|
|
padding: $--sidebar-collapse-nav-padding;
|
|
|
|
& > .el-menu.el-menu--collapse {
|
|
& > .el-submenu,
|
|
& > .el-menu-item {
|
|
margin: $--sidebar-collapse-nav-item-margin;
|
|
}
|
|
|
|
& > .el-menu-item > a,
|
|
& > .el-submenu > .el-submenu__title {
|
|
padding: $--sidebar-collapse-nav-item-padding !important;
|
|
|
|
i {
|
|
font-size: $--sidebar-collapse-icon-font-size;
|
|
}
|
|
|
|
span {
|
|
margin: 0;
|
|
max-height: 0;
|
|
transform: scale(0);
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ele-admin-body {
|
|
width: calc(100% - #{$--sidebar-collapse-width});
|
|
}
|
|
|
|
&:not(.ele-admin-collapse) .ele-admin-sidebar + .ele-admin-body {
|
|
width: calc(100% - #{$--sidebar-width});
|
|
}
|
|
}
|