@saurav-drupal-dev In order to reproduce the issue let me give you en example.
If you go Configuration-> Development page, and then you hover on Configuration , the Menu item "Development" will now be bold and underlined but its arrow will be hidden even though Development has more "Children Links".
This happens because in
this file (Claro) public_html/core/themes/claro/css/state/toolbar.menu.css ,
there is this css rule:
.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
.toolbar .toolbar-tray a.is-active {
color: #000;
background-color: #f5f5f5;
font-weight: bold;
}
So the background of the a.is-active is covering the background of li.menu-item--expanded (that has that blue arrow)
vensires → credited giannis makantasis → .
While patch seems to fix the issue
The CSS that is getting ovewritten comes from claro's css
/core/themes/claro/css/state/toolbar.menu.css :
".toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
.toolbar .toolbar-tray a.is-active {
color: #000;
background-color: #f5f5f5;
font-weight: bold;
}"
The patch suggested css for the /modules/contrib/admin_toolbar/css/admin.toolbar.css :
.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
.toolbar .toolbar-tray a.is-active {
color: #000;
background-color: unset;
font-weight: bold;
}
while the only needed rule would be the unset of background color, I am not sure if it should be added on Claro's css or in Admin Toolbar's css.