canonical / canonical/vanilla-framework
Allow `p-table--mobile-card` headings to wrap
- Dominant language
- HTML
- Stars
- 983
- Forks
- 216
- Avg merge
- 3d 13h
- Merged PRs (30d)
- 3
Description
## Pattern to amend
`p-table--mobile-card `
## Visual

```
.p-table--mobile-card tbody th {
white-space: normal;
}
```
## Context
Often the heading is not fully readable. This defeats the purpose of breaking the table out into cards.
See conversation on this pr: https://github.com/canonical/ubuntu.com/pull/13049
Contributor guide
Research direction
Search the `p-table--mobile-card` styles and inspect the `tbody th` rule shown in the issue. Compare the mobile-card rendering with the linked visual and conversation; done means table headings wrap and remain fully readable on mobile.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, sass
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100