Commit 7769d9f4 authored by 谢子梦's avatar 谢子梦

stage:侧边栏菜单-=遮挡问题修复

parent e8ccce25
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
overflow: hidden; overflow: hidden;
-webkit-box-shadow: 2px 0 6px rgba(205, 206, 208, 0.35); -webkit-box-shadow: 2px 0 6px rgba(205, 206, 208, 0.35);
box-shadow: 2px 0 6px rgba(205, 206, 208, 0.35); box-shadow: 2px 0 6px rgba(205, 206, 208, 0.35);
padding-bottom: 2%;
// reset element-ui css // reset element-ui css
.horizontal-collapse-transition { .horizontal-collapse-transition {
...@@ -70,7 +71,8 @@ ...@@ -70,7 +71,8 @@
width: 100% !important; width: 100% !important;
} }
.el-menu-item, .el-submenu__title { .el-menu-item,
.el-submenu__title {
overflow: hidden !important; overflow: hidden !important;
text-overflow: ellipsis !important; text-overflow: ellipsis !important;
white-space: nowrap !important; white-space: nowrap !important;
...@@ -90,11 +92,11 @@ ...@@ -90,11 +92,11 @@
} }
} }
& .theme-dark .is-active > .el-submenu__title { & .theme-dark .is-active>.el-submenu__title {
color: $base-menu-color-active !important; color: $base-menu-color-active !important;
} }
& .nest-menu .el-submenu > .el-submenu__title, & .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item { & .el-submenu .el-menu-item {
min-width: $base-sidebar-width !important; min-width: $base-sidebar-width !important;
height: 45px; height: 45px;
...@@ -110,7 +112,7 @@ ...@@ -110,7 +112,7 @@
} }
// 暗色风格 // 暗色风格
& .theme-dark .nest-menu .el-submenu > .el-submenu__title, & .theme-dark .nest-menu .el-submenu>.el-submenu__title,
& .theme-dark .el-submenu .el-menu-item { & .theme-dark .el-submenu .el-menu-item {
background-color: $base-sub-menu-background !important; background-color: $base-sub-menu-background !important;
...@@ -149,7 +151,7 @@ ...@@ -149,7 +151,7 @@
.el-submenu { .el-submenu {
overflow: hidden; overflow: hidden;
& > .el-submenu__title { &>.el-submenu__title {
padding: 0 !important; padding: 0 !important;
.svg-icon { .svg-icon {
...@@ -160,8 +162,8 @@ ...@@ -160,8 +162,8 @@
.el-menu--collapse { .el-menu--collapse {
.el-submenu { .el-submenu {
& > .el-submenu__title { &>.el-submenu__title {
& > span { &>span {
height: 0; height: 0;
width: 0; width: 0;
overflow: hidden; overflow: hidden;
...@@ -208,13 +210,13 @@ ...@@ -208,13 +210,13 @@
// when menu collapsed // when menu collapsed
.el-menu--vertical { .el-menu--vertical {
& > .el-menu { &>.el-menu {
.svg-icon { .svg-icon {
margin-right: 16px; margin-right: 16px;
} }
} }
.nest-menu .el-submenu > .el-submenu__title, .nest-menu .el-submenu>.el-submenu__title,
.el-menu-item { .el-menu-item {
&:hover { &:hover {
// you can use $subMenuHover // you can use $subMenuHover
...@@ -223,7 +225,7 @@ ...@@ -223,7 +225,7 @@
} }
// the scroll bar appears when the subMenu is too long // the scroll bar appears when the subMenu is too long
> .el-menu--popup { >.el-menu--popup {
max-height: 100vh; max-height: 100vh;
overflow-y: auto; overflow-y: auto;
...@@ -240,4 +242,4 @@ ...@@ -240,4 +242,4 @@
border-radius: 20px; border-radius: 20px;
} }
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment