docs(core/content-header): Add docs for content-header responsive behavior

[dmytro-halimov]

Main Repo PR: siemens/ix#2702

🆕 What is the new behavior?

• Document responsive title and subtitle wrapping in ix-content-header.
• Explain explicit truncation and consumer-managed action overflow.
• Add the truncation example to the component’s code page.

Summary by CodeRabbit

• Documentation
  • Added guidance for responsive title and subtitle wrapping.
  • Documented optional text truncation and default wrapping behavior.
  • Added recommendations for aligning header actions and handling secondary actions responsively.
  • Updated Dos and Don’ts to help prevent text and action-label overlap.

[netlify]

❌ Deploy Preview for industrial-experience failed.

Name	Link
🔨 Latest commit	62b311e
🔍 Latest deploy log	https://app.netlify.com/projects/industrial-experience/deploys/6a799a6ddcc5920008cb7bb4

[coderabbitai]

📝 Walkthrough

Walkthrough

The content header documentation adds a truncation playground and explains responsive wrapping, optional truncation, alignment, overflow handling, and recommended action patterns.

Changes

Content header documentation

Layer / File(s)	Summary
Responsive text and truncation guidance docs/components/content-header/code.mdx, docs/components/content-header/guide.md	The code documentation adds the truncation playground. The guide documents responsive wrapping, optional truncation with tooltips, alignment, overflow handling, and related Dos and Don’ts.

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

Possibly related PRs

• siemens/ix-docs#243: Updates the same content header guidance section.
• siemens/ix-docs#273: Modifies the same content header documentation with related responsive text guidance.

Suggested reviewers: danielleroux

🚥 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.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the documentation change and its focus on responsive behavior in content-header.

✨ Finishing Touches 💡 1

🛠️ Fix failing CI checks 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/content-header-responsive-fix

---

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.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@docs/components/content-header/guide.md`:
- Line 52: Update the textOverflow documentation to require an accessible
alternative for truncated titles and subtitles, rather than relying solely on
native browser tooltips; document an accessible text or disclosure mechanism
that exposes the complete values when needed.

🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 54d22b51-2b57-4897-8d4f-97bdfa4879b9

📥 Commits

Reviewing files that changed from the base of the PR and between 4b6ce63 and 62b311e.

📒 Files selected for processing (2)

• docs/components/content-header/code.mdx
• docs/components/content-header/guide.md

[coderabbitai]

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

Treat the native tooltip as supplemental.

Do not present a native browser tooltip as the only way to access a truncated title or subtitle. title content is not consistently available to keyboard users or all assistive technologies. Document an accessible text or disclosure alternative when the full value is required.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/components/content-header/guide.md` at line 52, Update the textOverflow
documentation to require an accessible alternative for truncated titles and
subtitles, rather than relying solely on native browser tooltips; document an
accessible text or disclosure mechanism that exposes the complete values when
needed.