Fix Policies page layout breaking with long resource paths

[Dimagidhp]

Fixes #4725 wso2/api-manager#4725

Problem: On the Policies page, switching to Operation Level Policies with long resource paths pushed the Policy List off-screen.
Root cause: The path group header is nowrap text with maxWidth: 1000px (800 below lg) — wider than the 65% column at common window sizes, so the page grew past the viewport.
Fix: Reduced the caps.

[coderabbitai]

📝 Walkthrough

Walkthrough

The OperationsGroup tag container now supports shrinking and uses narrower maximum widths: 550px by default and 400px below the lg breakpoint. Existing overflow, whitespace, and ellipsis behavior remains unchanged.

Changes

Operations tag styling

Layer / File(s)	Summary
Responsive tag container styling portals/publisher/.../OperationsGroup.tsx	The tag container adds minWidth: 0 and reduces its maximum widths while retaining truncation-related styles.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Suggested reviewers: ashera96, heshansudarshana, hisanhunais

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title accurately summarizes the main fix: preventing the Policies page layout from breaking with long resource paths.
Description check	✅ Passed	The description is directly related to the change and explains the problem, root cause, and fix for the Policies page layout issue.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud