The command list and mention list are meant to look the same but differ in margin (8 vs 12px), surface, shadow direction, selected fill and header (app.css:811-846 vs 6745-6772). Member suggestions call <Avatar name> without a picture (Composer.tsx:706). There is no :shortcode emoji autocomplete while typing.
Fix: one shared style; member pictures; :shortcode autocomplete reusing the emoji picker's index.
Part of the v1.0 UI pass.
The command list and mention list are meant to look the same but differ in margin (8 vs 12px), surface, shadow direction, selected fill and header (app.css:811-846 vs 6745-6772). Member suggestions call `<Avatar name>` without a picture (Composer.tsx:706). There is no `:shortcode` emoji autocomplete while typing.
**Fix:** one shared style; member pictures; `:shortcode` autocomplete reusing the emoji picker's index.
_Part of the v1.0 UI pass._
Salastil
added this to the v1.0 milestone 2026-10-07 20:43:17 -04:00
The three lists that open over the box now share one style: the same margin, surface, upward shadow and selected fill, each with a header that says what was searched for.
Member pictures: names in the @ list carry the person's avatar where the service has one (initial otherwise).
:shortcode emoji: typing :fi offers 🔥:fire: and friends - the common set, the channel's own custom emoji, and Sneedchat's smilies. Up/Down, Tab/Enter to take it, Esc to close; chosen, it goes in as its picture exactly as the picker would put it. Needs two letters, so :), 10:30 and links never open it.
Tests for the matcher (shortcodes.test.ts).
Names - before (top), after (bottom):
Emoji - before (top, nothing happens), after (bottom):
Finished: [28d8b3c](https://git.salastil.com/Salastil/moho/commit/28d8b3c54edf4d5ba5cf9277ab3dc743e78d78d7).
The three lists that open over the box now share one style: the same margin, surface, upward shadow and selected fill, each with a header that says what was searched for.
- **Member pictures:** names in the `@` list carry the person's avatar where the service has one (initial otherwise).
- **`:shortcode` emoji:** typing `:fi` offers 🔥 `:fire:` and friends - the common set, the channel's own custom emoji, and Sneedchat's smilies. Up/Down, Tab/Enter to take it, Esc to close; chosen, it goes in as its picture exactly as the picker would put it. Needs two letters, so `:)`, `10:30` and links never open it.
- Tests for the matcher (`shortcodes.test.ts`).
Names - before (top), after (bottom):
Emoji - before (top, nothing happens), after (bottom):
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
The command list and mention list are meant to look the same but differ in margin (8 vs 12px), surface, shadow direction, selected fill and header (app.css:811-846 vs 6745-6772). Member suggestions call
<Avatar name>without a picture (Composer.tsx:706). There is no:shortcodeemoji autocomplete while typing.Fix: one shared style; member pictures;
:shortcodeautocomplete reusing the emoji picker's index.Part of the v1.0 UI pass.
Finished: 28d8b3c.
The three lists that open over the box now share one style: the same margin, surface, upward shadow and selected fill, each with a header that says what was searched for.
@list carry the person's avatar where the service has one (initial otherwise).:shortcodeemoji: typing:fioffers 🔥:fire:and friends - the common set, the channel's own custom emoji, and Sneedchat's smilies. Up/Down, Tab/Enter to take it, Esc to close; chosen, it goes in as its picture exactly as the picker would put it. Needs two letters, so:),10:30and links never open it.shortcodes.test.ts).Names - before (top), after (bottom):
Emoji - before (top, nothing happens), after (bottom):