fix: 菜单样式调整
This commit is contained in:
@@ -128,4 +128,54 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@min-padding: 5px;
|
||||
:deep(.ns-left-menu-space):not(.ns-left-menu-space-collapsed) {
|
||||
.firstMenuItem-selected {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
|
||||
background-color: transparent;
|
||||
&::before {
|
||||
background-color: @primary-color;
|
||||
opacity: 1;
|
||||
height: calc(100% - @min-padding*2);
|
||||
top: @min-padding;
|
||||
border-radius: @ns-border-radius;
|
||||
}
|
||||
}
|
||||
.ant-menu-item-active:not(.ant-menu-item-selected) {
|
||||
background-color: transparent !important;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
background-color: rgb(@primary-color, 0.1);
|
||||
height: calc(100% - @min-padding*2);
|
||||
top: @min-padding;
|
||||
left: 0;
|
||||
border-radius: @ns-border-radius;
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// .ant-menu-inline .ant-menu-item-selected::after {
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// right: -20px;
|
||||
// transform: translateY(-50%);
|
||||
// width: 3px !important;
|
||||
// border-radius: 2px;
|
||||
// background-color: red;
|
||||
// height: 30px;
|
||||
// z-index: 2;
|
||||
// border: none;
|
||||
// }
|
||||
|
||||
.ant-menu-title-content {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user