Problem/Motivation

When the sidebar is collapsed there is no indication of which section you are in.

Proposed resolution

Add styles for the active/active trail states to the icon-only variation when the sidebar is collapsed.

See the designs of the example Active states: https://www.figma.com/file/fn52micITi1fCNtU0fWcPC/Prototype?type=design&...

Issue fork navigation-3380526

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

ckrina created an issue. See original summary.

hooroomoo made their first commit to this issue’s fork.

hooroomoo’s picture

Assigned: Unassigned » hooroomoo

working on this

hooroomoo’s picture

Assigned: hooroomoo » Unassigned
Status: Active » Needs review
lauriii’s picture

Status: Needs review » Needs work

This breaks the logic for the second level menu links. Before this, if a second level menu item was active, the parent would collapse, making the active menu item visible. After this issue, the parent remains collapsed and therefore the active menu item is not visible.

  • ckrina committed 8428b181 on 1.x authored by hooroomoo
    Issue #3380526: Add active state when the sidebar is collapsed
    
ckrina’s picture

Sorry I merged this without seen @lauriii's comment. @hooroomoo you will have to keep working from 1.x, sorry.

hooroomoo’s picture

Assigned: Unassigned » hooroomoo

hooroomoo’s picture

Status: Needs work » Needs review

3380526-expand-menu MR is ready for review to fix the menu being expanded on refresh and also add that same behavior when the sidebar is collapsed too on hover.

hooroomoo’s picture

Assigned: hooroomoo » Unassigned
claireristow’s picture

StatusFileSize
new103.21 KB

That's looking great @hooroomoo! I'm noticing the sticky menu's shadow is not working anymore - that's added by the checkOverflow() function. After a quick code review I can't immediately see why it's not running... maybe we just need to add that function call to your new expandActiveMenu() function?

missing sticky menu shadow.

claireristow’s picture

Status: Needs review » Needs work
hooroomoo’s picture

Status: Needs work » Needs review
claireristow’s picture

Status: Needs review » Reviewed & tested by the community

Thanks @hooroomoo, I'd say that's good to merge!

ckrina’s picture

Status: Reviewed & tested by the community » Fixed

Thanks all!

  • ckrina committed c5e52f4f on 1.x authored by hooroomoo
    Issue #3380526: Add active state when the sidebar is collapsed
    

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.