gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: project页左侧二级菜单样式优化

Browse Source
This commit is contained in:
chenjinsong
2020-05-25 12:02:25 +08:00
parent 61dcc978a4
commit 05a289c8d3
2 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nezha-fronted/src/assets/stylus/main.scss
View File

@@ -504,6 +504,12 @@ li{
color: $box-title-color;
font-weight: bold;
}
.content-left .sidebar-info-sub-item {
margin: 0 0 10px 0;
padding-left: 10px;
line-height: 20px;
cursor: pointer;
}
.content-left .el-checkbox-group .sidebar-info-item-active {
border-left: none;
}

7
nezha-fronted/src/components/page/project/project.vue
View File

@@ -62,13 +62,11 @@
<i class="nz-icon nz-icon-create-square"></i>
</div>
<template v-else>
<div v-for="module in getProjectModule(item.id)" class="sidebar-info-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(module)" :id="'project-module-'+module.id">
<div class="sidebar-info-item-txt">
<div v-for="module in getProjectModule(item.id)" class="sidebar-info-sub-item" :class="{'sidebar-info-item-active': module.id == currentModule.id}" @click="changeModule(module)" :id="'project-module-'+module.id">
<el-popover v-if="module.name.length > 16" trigger="hover" placement="top-start" :content="module.name" >
<span slot="reference">{{module.name}}</span>
</el-popover>
<span v-else>{{module.name}}</span>
</div>
<div v-show="module.buildIn != 1" class="hid-div side-bar-menu-edit sub-side-bar-menu-edit" @click.stop="toEditModule(module)" :id="'project-module-edit-'+module.id" ><i class="nz-icon nz-icon-edit"></i></div>
</div>
</template>
@@ -1132,6 +1130,9 @@
.sidebar-info-item:hover .hid-div{
visibility: visible;
}
.sidebar-info-sub-item:hover .hid-div{
visibility: visible;
}
.metric-tip-icon{
vertical-align: middle;
/*color: #3971BA;*/