Namespace filter, focus

[torchiaf]

Setup

• Rancher version: any
• Browser type & version: any

Describe the bug

#7665 (review)
The focus effect on the selected option doesn't change the font and icon colors, making them the same color as the bg and therefore invisible.
This is noticeable when navigating through the namespace filter options with the arrow keys.

To Reproduce

Click on Namespace filter

Result
Focus effect on the selected option doesn't change the font and icon colors.

Expected Result

Focused option should be clearly distinguishable from the other ones.

Screenshots

[richard-cox]

There's some special CSS that covers the use case where only a single namespace is selectable. When fixing this it's worth double checking that functionality still looks ok (can be tested by burger menu --> Global Settings --> Performance --> enable Require Namespace Filtering and reduce threshold)