anomalyco/opencode
1
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-07-22 02:05:26 -04:00
Code Issues 5.9k Packages Projects Releases 19 Wiki Activity

[PR #11371] fix(app): session header 'share' button to hug content #13759

New Issue
Closed
opened 2026-02-16 18:18:35 -05:00 by yindo · 0 comments
yindo commented 2026-02-16 18:18:35 -05:00
Owner
Copy Link
Copy Source

Original Pull Request: https://github.com/anomalyco/opencode/pull/11371

State: closed
Merged: Yes

What does this PR do?

Issue: The share button in session-header.tsx had a fixed width of w-[60px], causing it to not properly resize when the button text is longer (e.g., in different languages, such as Portuguese like in the before/after).

Changes Made:

Changed the share button's class prop from rounded-sm w-[60px] h-[24px] to rounded-sm h-[24px] px-3
This replaces the fixed width with horizontal padding, allowing the button to hug its content, while maintaining the original style.

Before

share-btn_BEFORE

After

share-btn_AFTER

Why it works:
Using px-3 instead of a fixed width allows the button to size itself based on the content (the localized text), making it responsive to different language lengths while maintaining consistent padding.

Files Changed:

packages/app/src/components/session/session-header.tsx:170 - Share button trigger props

How did you verify your code works?

Manual testing:

  1. made sure style is consistent with original style (px-3 achieves the same look)
  2. checked different screen widths
**Original Pull Request:** https://github.com/anomalyco/opencode/pull/11371 **State:** closed **Merged:** Yes --- ### What does this PR do? Issue: The share button in session-header.tsx had a fixed width of w-[60px], causing it to not properly resize when the button text is longer (e.g., in different languages, such as Portuguese like in the before/after). Changes Made: Changed the share button's class prop from rounded-sm w-[60px] h-[24px] to rounded-sm h-[24px] px-3 This replaces the fixed width with horizontal padding, allowing the button to hug its content, while maintaining the original style. ## Before <img width="248" height="79" alt="share-btn_BEFORE" src="https://github.com/user-attachments/assets/11f7dd9f-db40-4242-9dfc-e4e7cb34dcfe" /> ## After <img width="299" height="80" alt="share-btn_AFTER" src="https://github.com/user-attachments/assets/f39a34fa-4f5c-4a83-b257-6eb3e8a143cf" /> Why it works: Using px-3 instead of a fixed width allows the button to size itself based on the content (the localized text), making it responsive to different language lengths while maintaining consistent padding. Files Changed: packages/app/src/components/session/session-header.tsx:170 - Share button trigger props ### How did you verify your code works? Manual testing: 1. made sure style is consistent with original style (px-3 achieves the same look) 2. checked different screen widths
yindo added the pull-request label 2026-02-16 18:18:35 -05:00
yindo closed this issue 2026-02-16 18:18:35 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
acp
bad
bug
discussion
docs
documentation
enhancement
extension
good first issue
growth
help-wanted
mcp
model-problem
needs:compliance
nix
opentui
perf
pull-request
Mirrored from GitHub Pull Request
 tui
web
windows
zen
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#13759
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?