# Feature BNE-86 - Extend work package link sizes to include bigger card elements (L+XL)

Project: Stream BlockNote extensions
Status: on hold
URL: https://community.openproject.org/work_packages/BNE-86

## Planning

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

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| BNE-81 | Bug | Full card view shows html instead of rendering images or special characters | on hold | Ihor Dubas | Product Backlog |  | Modules and project features / Documents, Modules and project features / Text editor / BlockNoteJS / OpenProject Extensions |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Documents |
| Feature Flag |  |
| Requires doc change | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups | https://www.figma.com/design/d3zhm0R0pjHJvQd3XTlxuS/New-Documents-module?node-id=3051-695&p=f |
| Accessibility | No |

## People

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

**Context**

This was split off from <mention class="mention" data-id="73664" data-type="work_package" data-text="#73664">\#73664</mention> . 

**Acceptance criteria**

This feature concerns extending work package links in documents with the scope of items in green in the table below.

  - Implement the block-level elements (L and XL) (**mockups are required before we can start on this\!)**

  - Rename captions in the dropdown as defined below ("Dropdown captions").
    
    <br>

<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Mode</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Inline/Block?</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Data shown of work package</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Legacy notation</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p">In scope of this FEATURE</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Dropdown captions</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>Descriptive Caption</strong></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">XXS</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Inline</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Identifier</p></td><td class="op-uc-table--cell"><p class="op-uc-p">#</p></td><td class="op-uc-table--cell"><p class="op-uc-p">(already done)</p></td><td class="op-uc-table--cell" style="background-color:hsl(0, 0%, 100%);"><p class="op-uc-p"><strong>Tiny (inline)</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Tiny - Identifier</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">XS</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Inline</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Type, Identifier, Subject</p></td><td class="op-uc-table--cell"><p class="op-uc-p">##</p></td><td class="op-uc-table--cell"><p class="op-uc-p">(already done)</p></td><td class="op-uc-table--cell" style="background-color:hsl(0, 0%, 100%);"><p class="op-uc-p"><strong>Compact (inline)</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Compact - Type, Identifier, Subject</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">S</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Inline</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Status, Type, Identifier, Subject</p></td><td class="op-uc-table--cell"><p class="op-uc-p">###</p></td><td class="op-uc-table--cell"><p class="op-uc-p">(already done)</p></td><td class="op-uc-table--cell" style="background-color:hsl(0, 0%, 100%);"><p class="op-uc-p"><strong>Regular (inline)</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Regular &nbsp;- Status, Type, Identifier, Subject</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">M</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Block</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Identifier, Subject, Type, Status</p></td><td class="op-uc-table--cell"><p class="op-uc-p"><strong>n/a</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p">(already done)</p></td><td class="op-uc-table--cell" style="background-color:hsl(0, 0%, 100%);"><p class="op-uc-p"><strong>Compact card</strong></p></td><td class="op-uc-table--cell"><p class="op-uc-p">Compact card - Status, Type, Identifier, Subject</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>L</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>Block</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>Identifier, Subject, Type, Status, Parent, Project</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>n/a</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p">✅</p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>Regular card</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p">Regular card - Identifier, Subject, Type, Status, Parent, Project</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>XL</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>Block</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>Identifier, Subject, Type, Status, Parent, Project, Description snippet</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>n/a</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p">✅</p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p"><strong>Full card</strong></p></td><td class="op-uc-table--cell" style="background-color:hsl(86, 100%, 91%);"><p class="op-uc-p">Full card - Identifier, Subject, Type, Status, Parent, Project, Description snippet</p></td></tr></tbody></table></figure>

**Technical notes**

  - 
    <br>

**Permissions and visibility considerations**

  - *Nothing new*

**Translation considerations**

  - The dropdown captions are new strings.

**Out of scope**

  - This is only to link existing work packages.

  - Creating work packages not in scope. See <mention class="mention" data-id="67552" data-type="work_package" data-text="##67552">\#\#67552</mention>.
