menu.less: Apply same bg-color to the caret in the .nav-item-header

- Change the css specificity so it matches the existing level (hovered menu)
This commit is contained in:
Sukhwinder Dhillon 2025-06-04 08:59:04 +02:00
parent 092571a17b
commit fe6d568345

View File

@ -532,24 +532,30 @@ html.no-js #toggle-sidebar {
margin-right: 0;
}
#layout.sidebar-collapsed #menu .nav-level-1 > .nav-item.hover .nav-level-2 > .nav-item-header {
background-color: @menu-bg-color;
border-bottom: 1px solid @gray-light;
border-top-left-radius: .25em;
border-top-right-radius: .25em;
#layout:not(.minimal-layout).sidebar-collapsed #menu .nav-level-1 > .nav-item.hover > .nav-level-2 {
&:not(.bottom-up)::after {
background-color: @menu-bg-color;
}
span {
padding-left: 1.375em;
padding-right: 0.545em;
height: @nav-item-height;
line-height: @nav-item-height;
display: block;
.nav-item-header {
background-color: @menu-bg-color;
border-bottom: 1px solid @gray-light;
border-top-left-radius: .25em;
border-top-right-radius: .25em;
font-weight: @font-weight-bold;
.text-ellipsis();
span {
padding-left: 1.375em;
padding-right: 0.545em;
height: @nav-item-height;
line-height: @nav-item-height;
display: block;
> .badge {
display: none;
font-weight: @font-weight-bold;
.text-ellipsis();
> .badge {
display: none;
}
}
}
}