Description
The "Share" button in the session header has a fixed width (60px) that works for English ("Share" - 5 chars) but causes text overflow when the interface language is set to Portuguese (Brazil), where the translation is "Compartilhar" (12 chars).
OpenCode version
Latest (dev branch)
Steps to reproduce
- Open OpenCode app (Desktop or Web)
- Change interface language to Portuguese (Brazil) in settings
- Navigate to any session
- Look at the "Share" button in the session header (top-right area)
- Observe that the text "Compartilhar" overflows outside the button boundaries
Screenshot
Screenshots will be added after issue creation.
Operating System
macOS (affects all platforms)
Expected behavior
The button should automatically resize to fit the translated text without overflow.
Proposed solution
Remove the fixed width constraint (w-[60px]) from the button in session-header.tsx:170 and let it resize based on content while maintaining the fixed height (24px).
Additional context
- File:
packages/app/src/components/session/session-header.tsx
- Line: 170
- Current:
class: "rounded-sm w-[60px] h-[24px]"
- Proposed:
class: "rounded-sm h-[24px]"
Description
The "Share" button in the session header has a fixed width (60px) that works for English ("Share" - 5 chars) but causes text overflow when the interface language is set to Portuguese (Brazil), where the translation is "Compartilhar" (12 chars).
OpenCode version
Latest (dev branch)
Steps to reproduce
Screenshot
Screenshots will be added after issue creation.
Operating System
macOS (affects all platforms)
Expected behavior
The button should automatically resize to fit the translated text without overflow.
Proposed solution
Remove the fixed width constraint (w-[60px]) from the button in
session-header.tsx:170and let it resize based on content while maintaining the fixed height (24px).Additional context
packages/app/src/components/session/session-header.tsxclass: "rounded-sm w-[60px] h-[24px]"class: "rounded-sm h-[24px]"