Skip to content

Fix Phone Input Design #8251

@Bonapara

Description

@Bonapara

Current behavior

The phone input is not implemented correctly:

CleanShot 2024-10-31 at 14 38 59

Desired Behavior

image

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=3007-69739&node-type=frame&t=L4Zw8NIeonoYkIdd-11

  • Flag/region dropdown button should be hoverable
  • Flag/region button is too wide
  • Input is too high (40px instead of 32px)
  • There should be a 8px margin left before the phone number
  • The country code should be Tertiary instead of Primary

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions