Skip to content

Feat 126 sidebar redesign#165

Open
NAO-200 wants to merge 17 commits intodevfrom
feat-126-sidebar-redesign
Open

Feat 126 sidebar redesign#165
NAO-200 wants to merge 17 commits intodevfrom
feat-126-sidebar-redesign

Conversation

@NAO-200
Copy link
Copy Markdown
Collaborator

@NAO-200 NAO-200 commented Apr 17, 2026

Closes #126

Changes

  • dashboards are grouped into custom visual subgroups defined in the component
  • on dashboard change, only the subgroup of the current route stays open
  • collapsed mode now shows subgroup icons instead of only hiding text
  • collapsed/closed subgroups support hover preview navigation
  • active subgroup state is reflected visually in both expanded and collapsed modes
  • subgroup arrows are animated and their position is stabilized
  • sidebar scrolling and collapsed behavior were improved

@NAO-200 NAO-200 self-assigned this Apr 17, 2026

// Maps dashboards to visual sidebar subgroups
// Only elements listed here will be rendered inside the grouped sidebar
sidebarSubgroupConfig: {
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be in the database by using the nav_group table:

Currently we only have this in the table:

const basicGroups = [
    {'name': "Default",},
    {'name': "Admin", "admin": true}
]

https://github.com/UKPLab/CARE/blob/dev/backend/db/migrations/20221010104856-basic-nav.js

We can reuse it, but need to adapt a bit the frontend, that these groups are used here instead where they are used now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[RESEARCH] Sidebar navigation restructuring

2 participants