## Done - [x] On navigation collapse, sub-sections should no longer have space where their icons would be (navigation becomes compressed). - [x] With menu closed, we should highlight the matching parent item in the collapsed menu. - [x] On uncollapsing the navigation, we can restore the sub-menu open state from before and highlight the active sub-page again. Issues: One teeeny tiny issue: If you select a submenu, close the Navigation (parent menu should be highlighted), and then refresh the page of the submenu _and close the Navigation again_, the parent menu is no longer highlighted as I believe context has been lost. By this thinking, I also assume that if you navigate to a submenu via URL rather than via navigation, this may also be the case. Investigating a URL based approach may be a related task. Fixes: - #1770 ## QA 1. Run the LXD-UI: - On the demo server via the link posted by @webteam-app below. This is only available for PRs created by collaborators of the repo. Ask @Kxiru or @edlerd for access. - With a local copy of this branch, [build and run as described in the docs](https://github.com/canonical/lxd-ui/blob/main/CONTRIBUTING.md#setting-up-for-development). 2. Perform the following QA steps: - Find an entity that has subpages (Eg; Networks, Storage, clustering or permissions) - Navigate to one of these subpages (Eg; ACLs, Volumes, Groups) - Minimise the main navigation and ensure that: - There is no space where the subsection would have been (menu is compressed) - The parent entity icon is highlighted. ## Screenshots New behaviour: <img width="394" height="746" alt="image" src="https://github.com/user-attachments/assets/4f4ba804-4458-490f-ae67-4bad4b5f45c8" /> <img width="351" height="651" alt="image" src="https://github.com/user-attachments/assets/8f30d6d9-95e5-4906-ab47-b0b4a886a423" />

Empty icon on menu collapse #1770

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions