Skip to content

fix(web): wrap approval card actions instead of crushing the label - #141

Merged
TheGreatAxios merged 1 commit into
mainfrom
cl-12054-keep-approval-card-buttons-yes-go-ahead-not-yet-from
Nov 4, 2026
Merged

TheGreatAxios merged 1 commit into
mainfrom
cl-12054-keep-approval-card-buttons-yes-go-ahead-not-yet-from

Conversation

@TheGreatAxios

Copy link
Copy Markdown
Contributor

Closes CL-12054

At narrow pane widths the approval row stayed on one line and the inherited overflow-wrap: anywhere broke "Yes, go ahead" one letter per line. The row now wraps and the button labels break only between words.

Card widths 140 / 180 / 220 / 280px:

Before
before

After
after

@linear-code

linear-code Bot commented Nov 4, 2026

Copy link
Copy Markdown

CL-12054

@TheGreatAxios

Copy link
Copy Markdown
Contributor Author

Self-Review Summary

  • Library row is already flex flex-wrap; removing the nowrap override restores wrapping. margin-inline-start: 0 on Not yet keeps it left-aligned when it wraps.
  • overflow-wrap: normal; word-break: normal on the buttons overrides the card's inherited overflow-wrap: anywhere.
  • Design card rules (.document-decision-design) untouched.
  • Verified with the real DocumentDecision and app CSS in Chrome at 140–280px (screenshots in description). Format, lint, typecheck pass.

@corbits-triage

corbits-triage Bot commented Nov 4, 2026 •

Copy link
Copy Markdown

Triage: Pass

No changes needed from you. A maintainer will review this pull request.

@corbits-triage corbits-triage Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No defects reported.

@TheGreatAxios
TheGreatAxios added this pull request to the merge queue Nov 4, 2026
Merged via the queue into main with commit 2d861f4 Nov 4, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant