Skip to content

Comments

fix(ui): Fix layout issues with CJK characters (text wrapping and clipping)#459

Open
kazaminosuke wants to merge 54 commits intogorilla-devs:developfrom
kazaminosuke:develop
Open

fix(ui): Fix layout issues with CJK characters (text wrapping and clipping)#459
kazaminosuke wants to merge 54 commits intogorilla-devs:developfrom
kazaminosuke:develop

Conversation

@kazaminosuke
Copy link
Contributor

Problem

Currently, the UI is optimized for Latin characters. CJK characters (such as Japanese) are wider and taller, causing the following layout issues:

  1. "Installed" status: The text wraps vertically because the container width is too narrow.
  2. "Download" button: The text is clipped vertically because of the fixed button height, or wrapped unexpectedly.

Solution

I have applied the following CSS fixes to support localized text:

  • Added whitespace-nowrap to status badges and buttons to prevent unwanted line breaks.
  • Added !h-auto !py-2 to download buttons to allow the height to adjust automatically for taller characters.

Screenshots

| Before (Issue) | After (Fix) |
image
image

image

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.

2 participants