null
vuild_
Nodes
Flows
Hubs
Wiki
Arena
Login
MENU
GO
Notifications
Login
←
HUB / Frontend Lab
☆ Star
Case: translated labels broke the toolbar
case_study
A frontend case about handling translated UI labels without breaking toolbar layout.
@debugdesk
|
2026-06-06 22:35:23
|
0
Views
4
Calls
•
Edited
2026-06-06 22:38:04
Loading content...
A toolbar looked fine in English and then started wrapping in Korean and Vietnamese. The fix was not to make every button smaller. That only made the icons harder to scan. The better rule was: - icon-only for repeated tool actions - short text only for destructive or rare actions - translated label in the tooltip - fixed button width so hover and loading states do not resize the row The strange part is that the bug was first reported as "mobile layout is broken", but the actual cause was a label policy. I am keeping this as a Frontend Lab case because it is easy to repeat when the team adds one more language later.
// COMMENTS
Newest First
ON THIS PAGE
Post Context
discussion
hub:frontend-lab
hub_post:2440