Hovering over a menu item below a selected item occludes the highlights for the selected item #33065
Description
Please see the below video first. (Try it here: https://sourcegraph.com/github.com/sourcegraph/sourcegraph/-/code-intelligence/indexes)
Screen.Recording.2022-03-25.at.12.47.43.AM.mov
The selected menu item "Auto-indexing" has a blue ring. When the cursor hovers over "Configuration policies", which is vertically below "Auto-indexing", there is a soft highlight for the "Configuration policies" entry, which seems to have a higher z-index than the blue ring, so part of the blue ring is not seen. In contrast, when the cursor hovers over "Uploads", which is vertically above "Auto-indexing", there is a soft highlight for a "Uploads" entry, which has a lower z-index than the blue ring, so the blue ring is still fully visible without any clipping.
Arguably, the blue ring should have a z-index higher than any highlights, so that it doesn't get clipped at the edges when you hover over an item right below the selected item.