Skip to content

Redesign for autocomplete result lists #914

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
gnprice opened this issue Aug 23, 2024 · 2 comments
Open

Redesign for autocomplete result lists #914

gnprice opened this issue Aug 23, 2024 · 2 comments
Labels
a-compose Compose box, autocomplete, attaching files/images a-design Visual and UX design

Comments

@gnprice
Copy link
Member

gnprice commented Aug 23, 2024

From @terpimost we have a new design for how the autocomplete result lists should be presented:
image

Details are in Figma:
https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=3954-13395&m=dev

The design within each item in the results is a separate related issue:

This issue is about how the result list as a whole is presented:

  • the fading effect at the top and/or bottom when scrolled
  • the list's height, including not going off the top of the screen (I think we may already successfully avoid this)
  • its rounded corners, border, and shadow
  • its placement (dipping vertically a few pixels into the top of the text field, and aligning horizontally with the width of messages in the message list)
  • any other details I'm missing right now

This should apply to autocomplete both for the content input, and for the topic input.

@gnprice gnprice added a-compose Compose box, autocomplete, attaching files/images a-design Visual and UX design labels Aug 23, 2024
@gnprice gnprice added this to the Launch milestone Aug 23, 2024
@gnprice gnprice modified the milestones: M5: Launch, M6: Post-launch Nov 21, 2024
@maiHydrogen

This comment has been minimized.

@chrisbobbe

This comment has been minimized.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a-compose Compose box, autocomplete, attaching files/images a-design Visual and UX design
Projects
Status: No status
Development

No branches or pull requests

3 participants