Skip to content

Apply text wrapping to publish checklist items#2751

Open
bendichter wants to merge 4 commits intomasterfrom
fix/publish-checklist-text-wrap
Open

Apply text wrapping to publish checklist items#2751
bendichter wants to merge 4 commits intomasterfrom
fix/publish-checklist-text-wrap

Conversation

@bendichter
Copy link
Copy Markdown
Member

Summary

  • Add text-wrap class to publish checklist v-list-item elements so long items wrap instead of overflowing horizontally

Fixes #2750

Test plan

  • Open the publish checklist dialog and verify long checklist items (especially the funding item) wrap properly within the dialog

🤖 Generated with Claude Code

Fixes #2750

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@bendichter bendichter marked this pull request as draft March 24, 2026 03:03
bendichter and others added 3 commits March 23, 2026 23:03
The text-wrap utility class alone wasn't sufficient because Vuetify's
internal v-list-item__content element has overflow: hidden and
white-space: nowrap. Use a scoped :deep selector to override these.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Vuetify's v-list-item prevents text wrapping via internal styles that
scoped CSS cannot reliably override. Using plain div/p elements instead
since v-html was already bypassing Vuetify's template anyway.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@bendichter
Copy link
Copy Markdown
Member Author

bendichter commented Mar 24, 2026

Before:
image

After: image

@bendichter bendichter marked this pull request as ready for review March 24, 2026 03:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

apply text wrapping to the publish checklist

1 participant