Brijesh Bhalala created ATLAS-5324:
--------------------------------------
Summary: Enhance CollapsedAtlas React UI: Enhance 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
*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)
