figma-plugin icon indicating copy to clipboard operation
figma-plugin copied to clipboard

Align search dropdown look & behaviour

Open cuserox opened this issue 1 year ago • 1 comments

Context 📝

The search and dropdown items across the plugin have undergone various improvements to accommodate long names and values, such as:

  • https://github.com/tokens-studio/figma-plugin/pull/2775
  • https://github.com/tokens-studio/figma-plugin/pull/2765
  • https://github.com/tokens-studio/figma-plugin/pull/2762
  • https://github.com/tokens-studio/figma-plugin/pull/2761

However, this does not completely align the underlying styling issue to allow this to grow and take as much space as is allowed.

🔙 💭 Background thread from a user's suggestion

🧠 🤓 Initial brainstorm jam with @LukeFinch

Acceptance Criteria 🛠

  • Align the design for components within /src/app/components/DownshiftInput/*

Trigger samples

Content samples

  • Extract / refactor logic when possible to make it reusable
  • Perhaps move to the DS repository (?)
  • Replace these in the plugin's codebase
### Tasks
- [ ] https://github.com/tokens-studio/ds/issues/206
- [ ] https://github.com/tokens-studio/ds/issues/205

cuserox avatar May 22 '24 17:05 cuserox

I agree, we should move this to the DS repository - we're making use of something similar in Studio as well, that's a great contender for a shared utility that we re-use across implementations.

six7 avatar May 26 '24 07:05 six7