# Feature DREAM-461 - WorkPackage split screen should go full height like in the notification center (by removing uiRouter)

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

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | High |
| Target versions | 18.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

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| DREAM-854 | Bug | Right side top bar is extending indefinitely when making split screen wider | closed |  | 17.9.0 |  | Frontend components and Primer design system, Modules and project features / Work packages |
| DREAM-855 | Bug | Unnecessary blank space on the left side of the split view | tested |  | 18.0.0 |  | Modules and project features / Work packages, Frontend components and Primer design system |
| DREAM-853 | Bug | Filter buttons do not stack well when WP splitscreen is open | tested |  | 18.0.0 |  | Frontend components and Primer design system, Modules and project features / Work packages |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system, Modules and project features / Work packages |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan | Community (COM) |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

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

## Estimates and progress

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

## Description

**Acceptance criteria**

  - The WP split screen shall be routed from rails within all modules WP modules(WorkPackages, Gantt) and look like within the notification center

  - The split screen should look like it is currently in the Notification center
    
      - Full height
    
      - The tab navigation: We use the Primer::TabNav component
    
      - The back button is removed from the split screen (currently only shown for BIM module, open: need an alternative?)

  - *\[Open\] Do we need to adjust the toolbar buttons of the WP table view visually since they will get less space?*

**Technical notes**

  - The split screen shall be routed from rails (inlcuding all tabs)
    
      - The create button needs to pass all filters as params to the split create form

  - The goal of this is to push Angular further down the DOM to those places where we actually need it

**Out of scope**

  - Primerising the content of the tabs
    
      - Overview
    
      - Files
    
      - Watcher
    
      - GitLab/GitHub

  - The split screen header (see <mention class="mention" data-id="56767" data-type="work_package" data-text="##56767">##56767</mention>)

<br>