Hello,
I have some applications that we have upgraded from 18 to 22. We had some custom functionality on the navigation menu that would display the navigation menu display text to the right of the icon on hover over when the menu is collapsed:
This was achieved by putting this in the custom css of the theme roller per https://vmorneau.me/peeking-at-collapsed-navigation-menu-entries/:
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content.is-hover .a-TreeView-label{
visibility: visible;
left: 48px;
padding: 0 16px;
width: auto;
background-color: #4F2170;
}
.apex-side-nav.js-navCollapsed .t-Body-nav
, .apex-side-nav.js-navCollapsed .t-Body-nv .t-TreeNav{
z-index: 999;
}
This is no longer working now that we have upgraded to 22 and refreshed the theme templates. It appears as this now:
I am guessing maybe some selectors have changed and/or the sizing. Any ideas on how to make this work again?