[#74683] Simplify story point metric

[myabc]

Note

This PR is based off #22936

Ticket

https://community.openproject.org/wp/74683

What are you trying to accomplish?

Remove the Backlogs-specific responsive story-points behavior from the generic work package card styles. Backlogs cards now show only the numeric story point metric visually, while assistive technology still receives the full localized story point label.

Screenshots

Before	After

What approach did you choose and why?

The generic WorkPackageCardComponent should not depend on the Backlogs page container, so the container-query override was removed from its Sass. The Backlogs story-points component now owns the accessibility behavior by rendering the numeric value as aria-hidden and adding a screen-reader-only backlogs.story_points label.

Merge checklist

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

[github-actions]

Caution

The provided work package version does not match the core version

Details:

• Work package URL: https://community.openproject.org/wp/74683
• Work package version: not set
• Core version: 17.5.0

Please make sure that:

• The work package version OR your pull request target branch is correct

[Copilot]

Pull request overview

This PR removes Backlogs-specific responsive story-point behavior from the generic OpenProject::Common::WorkPackageCardComponent styling, and moves the story point accessibility behavior into the Backlogs-specific StoryPointsComponent. Visually, Backlogs cards now show only the numeric story point value, while screen readers receive the full localized “N story points” label.

Changes:

• Updated Backlogs::StoryPointsComponent to render a visually-visible number (aria-hidden) plus a screen-reader-only localized label.
• Simplified the common work package card metric layout CSS by dropping the Backlogs container-query override and tightening metric column sizing/alignment.
• Adjusted Backlogs component specs to assert the new accessibility-oriented markup instead of "N points" text.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
modules/backlogs/app/components/backlogs/story_points_component.html.erb	Renders numeric story points visually and provides SR-only localized label.
app/components/open_project/common/work_package_card_component.sass	Removes Backlogs container-query overrides; adjusts metric column sizing and alignment.
app/components/open_project/common/work_package_card_component.rb	Removes card_classes helper in favor of template-driven class handling.
app/components/open_project/common/work_package_card_component.html.erb	Applies conditional metric class via grid_layout call instead of card_classes.
modules/backlogs/spec/components/backlogs/story_points_component_spec.rb	Updates specs to verify visible number and SR-only label output.
modules/backlogs/spec/components/backlogs/work_package_card_component_spec.rb	Updates card metric expectations to match new story points markup.
modules/backlogs/spec/components/backlogs/work_package_card_box_item_component_spec.rb	Updates metric forwarding expectations for Backlogs card items.
modules/backlogs/spec/components/backlogs/sprint_component_spec.rb	Updates story point assertions across sprint-rendered cards.
modules/backlogs/spec/components/backlogs/inbox_component_spec.rb	Updates story point assertions across inbox-rendered cards.
modules/backlogs/spec/components/backlogs/bucket_component_spec.rb	Updates story point assertions for bucket-rendered cards.

[EinLama]

LGTM! 🎉