NEZ-2991 fix:Sidebar样式优化

This commit is contained in:
zyh
2023-07-19 11:17:09 +08:00
parent 2ab3b71b0e
commit e6628262c8
2 changed files with 4 additions and 7 deletions

View File

@@ -23,10 +23,10 @@
.el-menu { .el-menu {
background-color: $--left-menu-background-color-base; background-color: $--left-menu-background-color-base;
} }
>.el-submenu.is-active .el-submenu__title { >.el-submenu.is-opened .el-submenu__title {
background-color: $--left-menu-background-color-active !important; background-color: $--left-menu-background-color-active !important;
} }
.el-submenu.is-active>.el-submenu__title, .el-submenu.is-active>.el-submenu__title>i { .el-submenu.is-opened>.el-submenu__title, .el-submenu.is-opened>.el-submenu__title>i {
color: white !important; color: white !important;
} }
.el-submenu.is-opened .el-menu-item:not(.is-active), .el-submenu.is-opened .el-submenu__title { .el-submenu.is-opened .el-menu-item:not(.is-active), .el-submenu.is-opened .el-submenu__title {
@@ -35,9 +35,6 @@
.is-opened.is-active{ .is-opened.is-active{
background-color: $--left-menu-background-color-open !important; background-color: $--left-menu-background-color-open !important;
} }
.el-submenu.is-active:not(.is-opened)>.el-submenu__title{
border-left: 3px $--color-primary solid;
}
.el-menu-item.is-active { .el-menu-item.is-active {
background-color: $--left-menu-background-color-active !important; background-color: $--left-menu-background-color-active !important;
border-left: 3px $--color-primary solid; border-left: 3px $--color-primary solid;
@@ -47,7 +44,7 @@
line-height: 46px; line-height: 46px;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
border-left: 3px $--left-menu-background-color-active solid; border-left: 3px transparent solid;
} }
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
position: absolute; position: absolute;

View File

@@ -1,6 +1,6 @@
<template> <template>
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<div v-show="browserWindowZoom" class="zoom" style="z-index: 101;"> <div v-show="browserWindowZoom" class="zoom" style="z-index: 1001;">
<i class="nz-icon nz-icon-about-full"></i> <i class="nz-icon nz-icon-about-full"></i>
<span>{{$t('tip.zoomStatusPrompt')}}</span> <span>{{$t('tip.zoomStatusPrompt')}}</span>
<button class="zoom-button" @click="doNotAskAgain">{{$t('tip.doNotAskAgain')}}</button> <button class="zoom-button" @click="doNotAskAgain">{{$t('tip.doNotAskAgain')}}</button>