# Feature BNE-6 - Style the rich-link workpackage macro (light theme)

Project: Stream BlockNote extensions
Status: closed
URL: https://community.openproject.org/work_packages/BNE-6

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.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

| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| BNE-60 | Bug | Work package macros in documents: cursor misbehaves on mobile | closed |  | 17.0.0 |  | Modules and project features / Documents |
| BNE-59 | Bug | Work package macro in documents: certain statuses are invisible on white background | closed |  | 17.0.0 |  | Modules and project features / Documents |
| BNE-61 | Bug | Work package macros in documents: macro is not created on selection | rejected |  | 17.0.0 |  | Modules and project features / Documents |
| BNE-62 | Bug | Work package macro in documents: links open in new tab | rejected |  |  |  | Modules and project features / Documents |

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

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

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

**Acceptance Criteria**

  - For 17.0 we want to have a good looking representation according to the [design](https://www.figma.com/design/d3zhm0R0pjHJvQd3XTlxuS/New-Documents-module?node-id=1064-48315&t=ETMcur6rO0oIo0Mn-4) (still not completely final, since we're not sure about the capabilities of BlockNote Blocks yet)

  - Since there is not much time left, we decided to implement only one style for the release and add the others later

  - We decided to go with the existing "block" style for 17.0

  - If possible, we want to reuse the custom colors for work package type that users can configure in OpenProject

**Out of scope**

  - Persisting colors in Blocks

  - When the user has no permission, we show a ghost block instead =\> <mention class="mention" data-id="69192" data-type="work_package" data-text="#69192">\#69192</mention> 

\---  
**Old Description:**

Currently we have a component called [OpenProjectWorkPackageBlock](https://github.com/opf/op-blocknote-extensions/blob/main/lib/components/OpenProjectWorkPackageBlock.tsx) who accumulates some responsibility.

The goal of this implementation is to make the WorkPackage visual representation consistent with the design's proposal (link on the epic).

Important. The ideal implementation would include extracting the visual representation of a WorkPackage to a separate React Component and use it on the Block described above.