Skip to content

[Due for payment 2025-08-26] [Due for payment 2025-08-19] [$250] Update option row chevron style when a menu option goes to another menu #67445

Description

@shawnborton

Problem:
Sometimes we have menu options that open up another menu. We don't have a clear way of telling users that the menu will lead to more options once you click on it, which can create a confusing experience when the user isn't exactly sure what will happen when they press a specific element.

For instance, on the Export menu option we use from a report... the option actually opens up another menu, it doesn't directly Export:

Image

Solution
Let's add a small chevron on the right side of this option row to indicate that the menu option leads to another menu.

The implementation details:

  • 16x16 caret on the right (using our icon color from theme vars)
  • 50% opacity
  • On hover:
    • Row changes as normal (success colored icon, row-hover colored background)
    • Caret goes to 100% opacity
Image

Image

Image

cc @Expensify/design for a gut check, and cc @chuckdries and @samranahm as this relates to #67160

As a courtesy, I think it would be nice to have @samranahm handle this as a follow up from the previous PR.

Upwork Automation - Do Not Edit
  • Upwork Job URL: https://www.upwork.com/jobs/~021950624314184410154
  • Upwork Job ID: 1950624314184410154
  • Last Price Increase: 2025-07-30
  • Automatic offers:
    • samranahm | Contributor | 108292829
Issue OwnerCurrent Issue Owner: @greg-schroeder

Metadata

Metadata

Labels

Awaiting PaymentAuto-added when associated PR is deployed to productionDesignExternalAdded to denote the issue can be worked on by a contributorNewFeatureSomething to build that is a new item.WeeklyKSv2

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions