# Feature DREAM-128 - Full height split screen for notifications

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

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 14.5.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 |  |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview | https://pr-16483-57341-full-he-ip-3-71-51-75.my.pullpreview.com/ |
| Mockups | https://www.figma.com/design/Lb7ao364ppIiPxp9ptSXkM/Threads?node-id=767-33895&t=rh03D4i9cvf2oG6G-4 |
| Accessibility | No |

## People

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

## Estimates and progress

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

## Description

# Problem

*   With the intoduction of the PageHeader and SubHeader in the notification center, we loose a lot of vertical space 
    

<img class="image_resized op-uc-image op-uc-image_inline" style="width:393px;" src="/api/v3/attachments/174270/content">

# Acceptance

*   The new split screen will behave differently than the old one:
    
    *   It spans the whole height of the content (the white area)
        
    *   The PageHeader is thus limited in width, but not overlapped by the split screen
        
    *   The left hand content is scrollable
        
*   This is only applied at the notification center not at the old split screen pages (e.g. WorkPackages)
    
*   The actual content of the split screen remains unchanged for now (please ignore that part in the visuals)
    

# Visuals

[Figma mockup](https://www.figma.com/design/Lb7ao364ppIiPxp9ptSXkM/Threads?node-id=767-33895&t=rh03D4i9cvf2oG6G-4) export: 

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/174352/content">