# Feature SSI-445 - Show document as separate tab on mobile

Project: Stream Storage Integrations
Status: closed
URL: https://community.openproject.org/work_packages/SSI-445

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | High |
| Target versions | 17.1.0 |
| 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 | Frontend components and Primer design system, Modules and project features / Documents, Modules and project features / Work packages |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

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

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| 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

This is the expected construct of these pages:

**Desktop**

```text
|-------------------------------------------------
|                           | Attachments |  ... |
|       PageHeader          |                    |
|                           |                    |
|---------------------------|                    |
|                           |                    |            
|                           |                    |
|                           |   some             |
|       documents           |   more             |
|        view               |   details          |
|                           |                    |
|                           |                    |
|                           |                    |
|-------------------------------------------------
```

**Mobile**

```text
|-----------------------------|
|                             |
|       PageHeader            |
|                             |
|-----------------------------|
| | Document | Attachments|..||            
|                             |
|                             |   
|       documents             |  
|        view                 |   
|                             |    
|                             |    
|-----------------------------|
```

*   There is a component which can be used to achieve that page layout
    
*   On mobile:
    
    *   The right and the left sides merge into one. The TabNav is extended by a new entry at the first position which contains the former left side