[GH-ISSUE #300] Lack of Clear Visual Hierarchy for Folder Structure in Sidebar #89

New issue

Closed

opened 2026-03-16 12:25:32 +03:00 by kerem · 0 comments

kerem commented

2026-03-16 12:25:32 +03:00

Owner

Originally created by @rasheed-almislmany on GitHub (Jun 19, 2025).
Original GitHub issue: https://github.com/hoppscotch/docs/issues/300

Path: /support/solutions/community

In the current Hoppscotch UI, the visual hierarchy of folders and endpoints in the sidebar lacks clarity, particularly in nested folder structures.

For example, under the Manager section:
• The Subscriptions folder correctly displays its endpoints (e.g., Booth List by Stage, Dashboard) with slight indentation.
• However, the subsequent endpoints (Stores List, Members List, Products by Barcode) are not indented and appear at the same visual level, making it unclear whether they:
• Belong to the Subscriptions folder
• Or are parallel to it at the same hierarchy level

This inconsistent indentation creates confusion for users navigating and maintaining API collections, especially when dealing with complex folder structures.

Expected Behavior:
• Endpoints should be consistently indented to reflect their correct parent folder.

Environment:
• Platform: Hoppscotch Mac App
• Observed in: Sidebar folder navigation UI

Originally created by @rasheed-almislmany on GitHub (Jun 19, 2025). Original GitHub issue: https://github.com/hoppscotch/docs/issues/300 Path: /support/solutions/community In the current Hoppscotch UI, the visual hierarchy of folders and endpoints in the sidebar lacks clarity, particularly in nested folder structures. For example, under the Manager section: • The Subscriptions folder correctly displays its endpoints (e.g., Booth List by Stage, Dashboard) with slight indentation. • However, the subsequent endpoints (Stores List, Members List, Products by Barcode) are not indented and appear at the same visual level, making it unclear whether they: • Belong to the Subscriptions folder • Or are parallel to it at the same hierarchy level This inconsistent indentation creates confusion for users navigating and maintaining API collections, especially when dealing with complex folder structures. Expected Behavior: • Endpoints should be consistently indented to reflect their correct parent folder. Environment: • Platform: Hoppscotch Mac App • Observed in: Sidebar folder navigation UI <img width="347" alt="Image" src="https://github.com/user-attachments/assets/6b983e68-18d7-4e8d-b203-5b5dae51414e" />