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>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user