Menu items background overlaps popup-sub-menu border
When menu item in hover or active state, its background overlaps popup-sub-menu border (which is draws as box-shadow). Only happens with bottom border (sub menu starts below top item).
This image shows sub menu, borders are visible:
When bottom button is in hover/active states, sub menu border is invisible (overwritten by menu item background):
I thought adding box-shadow for :last-child element in sub menu is a legit solution, but, for some reason it doesn't work in "network" sub menu - shell thinks that all items in it ('turn off' and 'wired settings') are last-children.
Adding 1px bottom padding for sub menus works fine, i'll send MR with it.
There are more possible solutions for this, for example, adding bottom border for sub-menu, but it requires more changes - adding border-bottom: 1px solid $color;
doesn't work, needs something like border: ...; border-bottom-width: 1px;
.