# Feature DREAM-77 - Primerise PDF export tabs of Admin/Design page

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

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| 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

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Administration / Custom themes, Frontend components and Primer design system |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan | Enterprise / Basic (BAS) |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/XBmJjD7xbK1Urf8SrRkpn1/Design-Settings?node-id=2106-5386&t=RljzPpHJ1yTkvrWu-0 |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers | Henriette Darge |
| Designer | Marc Alcobé |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

# **Acceptance criteria**

  - Merge the two tabs "PDF export settings" and "PDF export font" in the admin design

  - Re-work the UI for the content of the tabs with Primer components

  - Use:
    
      -  `Primer::Beta::Subhead` for the headings
    
      - The newly created file input dsl for the file upload area
        
          - Note: this depends on <mention class="mention" data-id="56340" data-type="work_package" data-text="###DREAM-75" data-display-id="DREAM-75">\#\#\#DREAM-75</mention> which introduces the new dsl method
    
      - The demo button moves to the button
    
      - The color field looks like on the interface tab

**Visuals**

<https://www.figma.com/design/XBmJjD7xbK1Urf8SrRkpn1/Design-Settings?node-id=2106-5386&t=RljzPpHJ1yTkvrWu-0>
