github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-09-03 07:54:45 +00:00
Code Issues Projects Releases Wiki Activity

[UPDATE]修复Navbar样式bug

Browse Source
This commit is contained in:
OrangeM21
2020-03-22 16:36:00 +08:00
parent 6e90f8de23
commit 129c58d8c7
3 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/components/Navbar.vue
View File

@@ -86,8 +86,9 @@ export default {
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
} }
.el-submenu /deep/ .el-submenu__title{ .el-submenu-right /deep/ .el-submenu__title{
height: 50px; height: 50px;
padding: 0 20px !important;
line-height: 50px; line-height: 50px;
} }

2
src/layout/components/Sidebar/SidebarItem.vue
View File

@@ -8,7 +8,7 @@
</app-link> </app-link>
</template> </template>
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body> <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body class="el-submenu-sidebar">
<template slot="title"> <template slot="title">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="translate(item.meta.title)" /> <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="translate(item.meta.title)" />
</template> </template>

12
src/styles/sidebar.scss
View File

@@ -75,8 +75,8 @@
color: $subMenuActiveText !important; color: $subMenuActiveText !important;
} }
& .nest-menu .el-submenu>.el-submenu__title, & .nest-menu .el-submenu-sidebar>.el-submenu__title,
& .el-submenu .el-menu-item { & .el-submenu-sidebar .el-menu-item {
min-width: $sideBarWidth !important; min-width: $sideBarWidth !important;
background-color: $subMenuBg !important; background-color: $subMenuBg !important;
@@ -108,7 +108,7 @@
} }
} }
.el-submenu { .el-submenu-sidebar {
overflow: hidden; overflow: hidden;
&>.el-submenu__title { &>.el-submenu__title {
@@ -125,7 +125,7 @@
} }
.el-menu--collapse { .el-menu--collapse {
.el-submenu { .el-submenu-sidebar {
&>.el-submenu__title { &>.el-submenu__title {
&>span { &>span {
height: 0; height: 0;
@@ -139,7 +139,7 @@
} }
} }
.el-menu--collapse .el-menu .el-submenu { .el-menu--collapse .el-menu .el-submenu-sidebar {
min-width: $sideBarWidth !important; min-width: $sideBarWidth !important;
} }
@@ -180,7 +180,7 @@
} }
} }
.nest-menu .el-submenu>.el-submenu__title, .nest-menu .el-submenu-sidebar>.el-submenu__title,
.el-menu-item { .el-menu-item {
&:hover { &:hover {
// you can use $subMenuHover // you can use $subMenuHover