← Back to all updates

Unified Icon Button Style Implementation

Commit: 37bbf6c

A unified icon button style has been introduced, enhancing hit areas and hover feedback across the application. All icon buttons now exhibit consistent scale and press feedback, improving user interaction reliability.

Technical Approach

The implementation utilized a new IconButtonStyleModifier to serve as the single source of truth for button behavior. High priority gesture recognizers were employed to ensure reliable single-click interactions, while consistent visual feedback was maintained through scaling effects.

Technical Details

  • Created IconButtonStyleModifier for standardized button behavior.
  • Implemented consistent hover scale (1.12×) and press feedback (0.92×).
  • Enhanced hit areas via contentShape(Rectangle()) for all buttons.
  • Removed grey hover backgrounds, focusing on scale-based feedback.
  • Updated multiple components including IconButton, SendButton, and TagInputBar.