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

Author: sukhwinder33445

public/css/icinga/menu.less

@@ -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;
-
-  span {
-    padding-left: 1.375em;
-    padding-right: 0.545em;
-    height: @nav-item-height;
-    line-height: @nav-item-height;
-    display: block;
+#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;
+  }
+
+  .nav-item-header {
+    background-color: @menu-bg-color;
+    border-bottom: 1px solid @gray-light;
+    border-top-left-radius: .25em;
+    border-top-right-radius: .25em;
+
+    span {
+      padding-left: 1.375em;
+      padding-right: 0.545em;
+      height: @nav-item-height;
+      line-height: @nav-item-height;
+      display: block;
 
-    font-weight: @font-weight-bold;
-    .text-ellipsis();
+      font-weight: @font-weight-bold;
+      .text-ellipsis();
 
-    > .badge {
-      display: none;
+      > .badge {
+        display: none;
+      }
     }
   }
 }