Skip to content

Conversation

@veerababu1729
Copy link

Prevent text wrapping in New Document button when German language is selected. Added CSS rules to ensure button text displays on single line for all languages. Fixes issue #1490.

Purpose

This pull request fixes a UI issue where the "New Document" button text wraps to multiple lines when longer translations are used, particularly noticeable with German "Neues Dokument". This creates an unprofessional appearance and inconsistent button sizing across different languages.

Proposal

  • Add CSS rule targeting [data-testid="new-doc-button"] to prevent text wrapping
  • Apply white-space: nowrap !important to keep text on single line
  • Add min-width: fit-content !important to allow button to expand for longer text
  • Ensure fix works for all language translations (tested with longest ones: Spanish/Italian "Nuevo documento"/"Nuovo documento")
  • Update CHANGELOG.md with fix entry

Prevent text wrapping in New Document button when German language is selected. Added CSS rules to ensure button text displays on single line for all languages. Fixes issue suitenumerique#1490.

Signed-off-by: veerababu1729 <[email protected]>
@veerababu1729 veerababu1729 changed the title (frontend) fix new document button text wrapping in german 🐛(frontend) fix new document button text wrapping in german Oct 21, 2025
@veerababu1729
Copy link
Author

please can someone approve this? waiting.....

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.

1 participant