Skip to content

[DREAM-869] Project hover card - #26315

Open
planktonic wants to merge 9 commits into
opf:devfrom
planktonic:feature/dream-869-project-hover-card
Open

planktonic wants to merge 9 commits into
opf:devfrom
planktonic:feature/dream-869-project-hover-card

Conversation

@planktonic

@planktonic planktonic commented Oct 26, 2026 •

Copy link
Copy Markdown
Contributor

Ticket

https://community.openproject.org/wp/DREAM-869

What are you trying to accomplish?

Adds a component to render inside a hover-card, when the user hovers the project title.

Screenshots

No Hierarchy With hierarchy
Screenshot 2026-10-26 at 14 35 32 Screenshot 2026-10-26 at 14 35 07

What approach did you choose and why?

Adds a new project-hover-card, mirroring the user-hover-card.

Adds a new Projects::WorkspaceLabelComponent component to render the workspace with icon, that’s used now in two places. Replaces the existing in-template version that was rendered as part of the Projects::InfoLineComponent

AI involvement

None/Assisted – No AI assistance used OR only autocomplete/pasted snippets. I effectively wrote and understand all the code.

Merge checklist

  • Added/updated tests
  • Added/updated documentation in Lookbook (patterns, previews, etc)
  • Tested major browsers (Chrome, Firefox, Edge, ...)

@github-actions github-actions Bot added contribution ai: None/Assisted 👤 No AI assistance used OR only snippets. A human effectively wrote and understands all the code. labels Oct 26, 2026
Adds the barebones start of a component, with lookbook preview.
Adds the remaining content to the card, as shown in the designs. Still some open questions
about which sub-components will need to be built new, and which are simply components I
didn’t find yet.

Adds a project-workspace-label-component.
Adjusts spacing, font-sizes, icon-sizes etc, to match designs

Uses the workspace-label-component in the new InfoLine component

Localises the workspace type text
Adjusts the font-sizes and weights of all the text in the component to match designs.
Note that this includes overrideing font-sizes on the other components like labels
and breadcrumbs.

Adjusts icons sizes
@planktonic
planktonic force-pushed the feature/dream-869-project-hover-card branch from b6580e7 to 661748c Compare October 26, 2026 09:38
Adds tests for the new components, including for the new with_icon functionality
on status-badge.

Passes `system_arguments` around the new components, so we get data-test-ids.
@planktonic
planktonic marked this pull request as ready for review October 26, 2026 13:43

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ai: None/Assisted 👤 No AI assistance used OR only snippets. A human effectively wrote and understands all the code. contribution

Development

Successfully merging this pull request may close these issues.

2 participants