# Feature COMMS-1036 - Use the whole width for document contents on small desktop viewports

Project: Stream Communicator
Status: specified
URL: https://community.openproject.org/work_packages/COMMS-1036

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | Product Backlog |
| 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 / Documents |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/d3zhm0R0pjHJvQd3XTlxuS/New-Documents-module?node-id=3644-4916 |
| Accessibility | No |

## People

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

**As** a user who uses documents besides other applications (e.g. in a browser or operating system split view)  
**I want to** be able to hide the tabs when the viewport is small  
**so that** I can see the document contents better

**Acceptance criteria**

*   On small viewports (up to tablet: 1012px), the document will go full width by default (the right side panel will be hidden)
    
    *   ~~the tabs (attachment) move below the document~~
        
    *   by allowing to collapse the tabs (e.g. like the left-side menu is collapsible)
        
    *   ~~or by rendering the tabs like the mobile view does (I don't think that is possible without reload but we need to check)~~
        
*   Offer the same functionality on wide desktop viewports (1012px and above)
    
*   Make this change device-agnostic
    
    *   This means we'll lose the current mobile behaviour of attachments becoming a second tab on top; this was a non-standard implementaiton. Similar behaviour will be restored when we implement a proper right-hand section for documents.
        

**Technical notes**

*   The problem is only on desktop - when a mobile device is detected, the tabs are rendered in a completely different way
    
*   It is already possible to collapse the menu on the left side of the document and it will also auto-hide when the viewport gets too small
    
*   Work packages solve the same problem by moving the tabs to the bottom on narrow desktop viewports (but that would introduce a _third_ position of the document tabs, which is not really user-friendly and also it's bad for long documents)
    

**Out of scope**

*   A complete rework of the documents layout