openedx / openedx/frontend-app-authoring
Titles are truncated in Library Cards
Open
Nobody has claimed this yet.
bug
- Dominant language
- TypeScript
- Stars
- 17
- Forks
- 218
- Avg merge
- 9d 20h
- Merged PRs (30d)
- 20
Description
There is not enough space to display real-world titles in the cards we use for Component display. For example, in this slice of a screenshot:
Acceptance criteria:
- Titles in Cards should wrap across multiple lines.
- If the title is still too long to fit, we can truncate with ellipses at the last line or make the font smaller to fit.
- Cards should remain the same dimensions they are now, and remain uniform (i.e. cards with long titles should not grow taller than other cards in their row).
- It is okay to omit the preview text if it's necessary to make more space for the title.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No file or test is named. Locate the Library Cards implementation used for Component display and inspect its current title and preview layout first. Done means titles wrap within the existing uniform card dimensions, with acceptable truncation or smaller text for longer titles, and preview text may be omitted if needed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100