-
Notifications
You must be signed in to change notification settings - Fork 2.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[58734] Extract work package info line into a Primer component and document it #17234
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you please rebase that on #16989 and update the usages so that we see it in use?
Yes sure, I'll do that 👍 |
5dceab8
to
b0f754e
Compare
b95270e
to
c5affce
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi @bsatarnejad
I have some smaller wishes for improvement for the component. Further, please also update the other occurences of the InfoLine that we are already aware of, in this PR (meetings, hovercard, ...)
flex.with_column(mr: 2) do | ||
render(WorkPackages::HighlightedTypeComponent.new(work_package: @work_package, font_size: :small)) | ||
end | ||
flex.with_column(mr: 2) do | ||
render(Primer::Beta::Text.new(font_size: :small, color: :muted)) { "##{@work_package.id}" } | ||
end | ||
flex.with_column do | ||
render WorkPackages::StatusBadgeComponent.new(status: @work_package.status) | ||
end |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Currently, the font-size is always set to small
and the ID always muted
. I guess, it makes sense to make at least the font_size configurable. The default could still be small
.
2f0c893
to
ad8f439
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice 👍 🌟
8f3bfe7
into
implementation/58345-re-design-relations-tab-according-to-figma-mockups
Ticket
https://community.openproject.org/projects/openproject/work_packages/58734/activity
What are you trying to accomplish?
Make a separate component that shows type, ID and status of a WP in one line. Therefore, this component can be used in different places like meeting agenda item, hover card, ...
Screenshots
Before:
After:
Merge checklist