perf[Navbar]: add scroll bar when the subMenu is too long (#1619)
This commit is contained in:
		| @@ -170,8 +170,27 @@ | |||||||
|   .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 | ||||||
|       background-color: $menuHover !important; |       background-color: $menuHover !important; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  |   // the scroll bar appears when the subMenu is too long | ||||||
|  |   >.el-menu--popup { | ||||||
|  |     max-height: 100vh; | ||||||
|  |     overflow-y: auto; | ||||||
|  |  | ||||||
|  |     &::-webkit-scrollbar-track-piece { | ||||||
|  |       background: #d3dce6; | ||||||
|  |     } | ||||||
|  |  | ||||||
|  |     &::-webkit-scrollbar { | ||||||
|  |       width: 6px; | ||||||
|  |     } | ||||||
|  |  | ||||||
|  |     &::-webkit-scrollbar-thumb { | ||||||
|  |       background: #99a9bf; | ||||||
|  |       border-radius: 20px; | ||||||
|  |     } | ||||||
|  |   } | ||||||
| } | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user