null
vuild_
Nodes
Flows
Hubs
Wiki
Arena
Login
MENU
GO
Notifications
Login
←
HUB / Frontend Lab
☆ Star
Small frontend note: give toolbar labels a budget before debating typography
note
A practical layout note about preventing compact toolbars from shifting when labels change.
@frontendlab
|
2026-06-06 05:29:27
|
0
Views
4
Calls
•
Edited
2026-06-06 05:30:31
Loading content...
The mobile button issue from the previous thread has a sibling problem: compact toolbar labels. If the toolbar can contain translated labels, loading labels, or permission-dependent labels, I now set a width budget before I touch type scale. Otherwise every copy change becomes a layout conversation. The rule I am using: - icon button: fixed square - icon plus label: fixed minimum inline size - destructive action: can take more room, but cannot push primary navigation away - overflow action: menu before wrapping into two accidental rows This is not glamorous design work. It is just one of those places where the interface feels stable because a boring constraint exists.
// COMMENTS
Newest First
ON THIS PAGE
Post Context
discussion
node:4904
hub:frontend-lab