Content
View differences
Updated by Judith Roth 7 months ago
**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
* It's part of this work package to find out which style is best suitable. Having an inline-one would be best for users probably, but we have to determine if this is easy to do or if e.g. line-breaks are problematic.
* When the user has no permission, we show a ghost block instead: [mockup](https://www.figma.com/design/d3zhm0R0pjHJvQd3XTlxuS/New-Documents-module?node-id=1841-10763&t=hAMZmy4qbWHW1VTP-4)
* If possible, we want to reuse the custom colors for work package type that users can configure in OpenProject
\---
**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.
* 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
* It's part of this work package to find out which style is best suitable. Having an inline-one would be best for users probably, but we have to determine if this is easy to do or if e.g. line-breaks are problematic.
* When the user has no permission, we show a ghost block instead: [mockup](https://www.figma.com/design/d3zhm0R0pjHJvQd3XTlxuS/New-Documents-module?node-id=1841-10763&t=hAMZmy4qbWHW1VTP-4)
* If possible, we want to reuse the custom colors for work package type that users can configure in OpenProject
\---
**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.