# Feature DREAM-507 - Improve comprehension and navigation (PageHeaders and Breadcrumbs) of entry pages

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-507

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.0.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Project overview |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan | Community (COM) |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/kjzHe0qOLme1LXCjLoTBFV/Overview-and-Dashboard?node-id=684-23039 |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable | Henriette Darge |
| Product manager |  |
| Developers | Behrokh Satarnejad |
| Designer | Parimal Satyal |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**User Story**

**As** an OpenProject user  
**I want to** have a consistent breadcrumb and page title system  
**so that** I can easily navigate through my navigation and always know where I am and how I get to the pages I need to finish my job.

# **Acceptance criteria**

*   Remove breadcrumb from these entry pages:
    
    *   Instance home
        
    *   Project home
        
    *   Administration home
        
    *   My Page
        
*   Remove instance name from the breadcrumb (where breadcrumb is visible)
    
    *   Verify that this does not affect proper mobile navigation (eg. that it does not create an infinite navigation loop)
        
*   Change page title (PageHeader) on these entry pages:
    
    *   Instance home: "Home" → {Instance name}
        
    *   Project home: "Project home" → {Project name}
        
    *   Administration: "Overview" → "Administration"
        
*   For the pages without a breadcrumb, when the sidebar is collapsed, the "expand" button now goes before the page title instead (in Desktop)
    
*   Update PageHeader docs in LookBook to allow not displaying the Breadcrumbs
    

## **Out of scope**

*   Sidebar titles for these pages remain as they are today (unchanged)
    
*   Angular pages (eg. Work package details)
    
*   Other modules (eg. Meetings) will be handled separately