[
https://issues.apache.org/jira/browse/ATLAS-5324?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Brijesh Bhalala updated ATLAS-5324:
-----------------------------------
Summary: Atlas React UI: Enhance Collapsed Sidebar with Module Icons,
Interactive Tree Tooltips, and Active State Markers (was: Enhance
CollapsedAtlas React UI: Enhance Sidebar with Module Icons, Interactive Tree
Tooltips, and Active State Markers)
> Atlas React UI: Enhance Collapsed Sidebar with Module Icons, Interactive
> Tree Tooltips, and Active State Markers
> -----------------------------------------------------------------------------------------------------------------
>
> Key: ATLAS-5324
> URL: https://issues.apache.org/jira/browse/ATLAS-5324
> Project: Atlas
> Issue Type: Task
> Components: atlas-core
> Reporter: Brijesh Bhalala
> Assignee: Brijesh Bhalala
> Priority: Major
> Labels: atlas-react
>
> *Background / Problem:* Currently, when the Atlas Dashboard sidebar is
> collapsed, the space beneath the Atlas logo remains completely empty. This
> results in underutilized screen real estate and forces the user to fully
> expand the sidebar every time they want to navigate to a different module or
> tree structure.
> *Objective:* Improve the UX of the collapsed sidebar (mini-variant) by
> displaying recognizable icons for each module, enabling quick navigation via
> interactive tooltips, and providing visual feedback on the user's current
> context.
> *Acceptance Criteria:*
> *Module Icons in Collapsed State:*
> When the sidebar is collapsed, display a vertical stack of icons
> corresponding to the main modules: Search/Entities, Classifications, Business
> Metadata, Glossary, Relationships, and Custom Filters.
> *Interactive Tree Tooltips on Hover:*
> Hovering over any of these module icons must trigger an interactive
> popup/tooltip.
> The tooltip must render the actual, fully functional tree structure (e.g.,
> <GlossaryTree />, <EntitiesTree />) for that specific module, allowing users
> to browse and click nodes directly from the collapsed state.
> The tooltip should have a defined maxHeight and scrollability to handle large
> tree structures cleanly.
> Active State Indication:
> The system must determine the currently active module by evaluating the URL
> location.pathname and searchParams.
> The icon representing the currently active module must display a visual
> selection marker (e.g., a 4px solid #2ccebb left border and subtle background
> highlight).
> This active marker must perfectly match the visual styling of selected tree
> nodes in the open sidebar to maintain design consistency.
> Click to Expand:
> Clicking directly on any of the module icons should instantly slide open the
> main sidebar drawer.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
