Improvement: Consolidate active state UI of left top-level navigation items
Problem
If I click on a top level navigation item in our Design System, I see a blurry blue top and bottom border (Bootstrap focus state default), shown on focus and active.
If I click on a sub-page, a seemingly more fitting grey left border is shown.
Details
- Focus/active state on
nav-sidebar__section-summary
is showing Bootstrap default.
Proposal
When clicking a top-level page, we should show a left border, consistent to sub-pages and our GitLab product navigation.
Screenshots
Active/focus | Active | Sub-level |
---|---|---|
Edited by Andreas Kämmerle