docs icon indicating copy to clipboard operation
docs copied to clipboard

🐛(frontend) fix new document button text wrapping in german

Open veerababu1729 opened this issue 6 months ago • 1 comments

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

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

veerababu1729 avatar Oct 20 '25 15:10 veerababu1729

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

veerababu1729 avatar Oct 23 '25 17:10 veerababu1729

Closed in favor of https://github.com/suitenumerique/docs/pull/1557 Thank you for your contribution.

AntoLC avatar Nov 10 '25 10:11 AntoLC