Header Action Styling
Installation
SKILL.md
Header Action Styling
This skill documents the standardized design for the application's header (Toolbar) actions.
Action Placement
| Action | Location | implementation |
|---|---|---|
| History | Hero Card | Tapping the "Remaining Expenses" hero card opens History. |
| Add New | FAB | Floating Action Button (Bottom Right) with colorPrimary. |
| Profile | Toolbar | Top right corner, clearly separated. |
| Search | Toolbar | Top left/center (Trigger layout). |
Toolbar Alignment Standards
1. Standard Menu APIs
Always use standard Android Menu Items (onCreateOptionsMenu) for action buttons (like Logout, Edit, Save).
- Why: Prevents clipping, ensures accessible touch targets (48dp), and handles safe area insets automatically.
- Do Not: Inject custom
ConstraintLayoutorTextViewinto the Toolbar unless absolutely necessary for branding.