Commit Graph

36 Commits

Author SHA1 Message Date
Karl Stolley
e406b7a013 user_circles: Bump offline contrast in typeahead highlight. 2025-05-21 15:27:22 -07:00
Karl Stolley
3e9d3a8ff4 compose_typeahead: Add gap between topic, New indicator. 2025-05-12 12:12:00 -07:00
Karl Stolley
3671a6a39c decorated_channels: Rename privacy-icon class. 2025-04-22 11:26:12 -07:00
Aman Agrawal
3cfbf130a5 typeahead: Fix alignment of user group icon.
2px right margin was incorrectly added as -2px left margin needs
to be taken into account as well.
2025-03-14 11:07:33 -07:00
Aman Agrawal
a393d9d495 user_group: Use double user icon instead of tripe user icon. 2025-03-14 11:07:33 -07:00
Aman Agrawal
017e1ec55d typeahead: Don't show channel name in topic link typeaheads. 2025-03-06 13:06:53 -08:00
Aman Agrawal
e3f39abac6 typeahead: Fix alignment of secondary text in channel typeaheads. 2025-03-05 21:55:27 -08:00
evykassirer
c5c5852964 typeahead: Rename header text as more accurate footer text.
This was moved to the bottom in 3e3deb2, but the naming had
not been updated.

Followup to #33584.
2025-03-03 16:43:33 -08:00
Aman Agrawal
eaec4fca50 typeahead: Show ellipsis for overflowing primary text.
Fixes #31392
2025-02-27 09:25:59 -08:00
evykassirer
04e30ab1df typeahead: Scale header text with font size. 2025-02-27 09:23:05 -08:00
Aman Agrawal
606bb778c5 typeahead: Wrap topic name in topic edit recipient bar form.
Fixes #33288
2025-02-24 21:55:13 -08:00
Aman Agrawal
1556dd8fb9 typeahead: Fix stream description not aligned with stream name. 2025-02-24 21:55:13 -08:00
Sahil Batra
8a76da5953 typeahead: Fix left margin for groups icon in typeahead.
This commit fixes the left margin for groups icon in the
typeahead so that icon is aligned correctly with the
avatar in user item in typeahead.
2025-02-19 17:02:51 -08:00
apoorvapendse
9eb2f0a7d5 typeahead: Add comment for no left margin in status emoji.
Fixes: https://chat.zulip.org/#narrow/channel/6-frontend/topic/Removing.20extra.20space.20for.20status.20emoji.20in.20typeahead.2E/near/2095823
2025-02-19 10:51:44 -08:00
apoorvapendse
2204863aa2 composebox_typeahead: Update order of user typeahead elements.
Also fixes the extra comma issue
linked below.
Fixes: https://chat.zulip.org/#narrow/channel/9-issues/topic/.F0.9F.8E.AF.20extraneous.20comma.20after.20pronouns/with/2088251.
2025-02-18 17:22:37 -08:00
evykassirer
65e77d8fd4 typeahead: Use em for image placement.
This is a quicker fix before we convert these styles to grid.
2025-02-18 14:04:01 -08:00
apoorvapendse
ee104ab141 compose: Prompt topic typeahead after selecting stream.
Enable a consecutive topic typeahead after a user selects a stream via the
typeahead menu. Previously, users had to manually enter ">" after selecting
a stream.

Before, encountering ">" returned "topic_jump," which prevented the
topic list from triggering since "topic_jump" indicated the topic was
selected. The implementation is changed to slice the token and process it
in get_candidates to trigger the appropriate typeahead.

Adjustments include changes to regexes for accurate triggering of stream or
topic typeaheads based on the presence of ">" in the current token.

Removes hint for stream mentioning use of ">"
for topic suggestions, although that feature is
still functional.

The hideAfterSelect() function in composebox_typeahead.ts was modified.
This prevents closing the typeahead when a stream is completed.

The TopicSuggestion type is updated to show stream typeahead suggestion
as the first option in the topic list with a privacy icon and no description
in case when no character follows the '>' i.e. when the token ends with '>'.

The edge where stream and topic have the same name is also handled with
the help of a flag.

Add stream as the prefix to topic suggestions in the typeahead.
To make this happen, changes are made in the related handlebars
template.

Update topic list stream option label.
This changes the option label for stream in the topic
list from (mention channel) to (link to channel) as per
https://zulip.com/help/link-to-a-message-or-conversation.

Tests are updated, and a new test is added to validate the behavior.
Test coverage is added for the new `render_stream_topic` method.

Fixes: #32184.
2025-01-29 17:25:19 -08:00
Anders Kaseorg
8f173b0fdf styles: Replace deprecated word-break: break-word with overflow-wrap.
Addresses a new declaration-property-value-keyword-no-deprecated
Stylelint rule.

https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

Signed-off-by: Anders Kaseorg <[email protected]>
2025-01-29 15:04:09 -08:00
Karl Stolley
75a82fa8a2 user_circles: Introduce circle icons to typeahead. 2024-12-13 14:33:24 -08:00
Karl Stolley
67a67897f9 user_circles: Introduce status-based hyphenated classes. 2024-12-13 14:33:23 -08:00
Vishesh Singh
7e1962dea5 compose: Show bot icon after bot name in recipient picker.
Bot icon shown in the typeahead recipient list which pops up
in the compose box while typing.
On typeahead hover, bot icon takes the color of the font
for better contrast.
2024-10-21 18:09:50 -07:00
Aditya Kumar Kasaudhan
aabecf131c typeahead: Improve link styling in typeahead suggestions.
Previously, links in typeahead suggestions appeared inconsistent with
the surrounding text when highlighted. This commit updates the link
styling to match the text color and adds a subtle underline with reduced
opacity for better visual consistency.

Fixes #31005.
2024-09-23 18:01:47 -07:00
Pratik Chanda
f3432b731f composebox_typeahead: Replace parentheses around pronouns with comma.
Currently, we show pronouns inside parentheses just after name in
@-mention typeaheads.

This commit changes it by removing parentheses and adding comma if
more info is present after pronouns. The pronouns also have the same
styles as that of the user emails.

Fixes part of zulip#31245.
2024-09-20 15:16:21 -07:00
Aman Agrawal
a6e3a38e68 typeahead: Remove unsubscribe icon. 2024-09-11 08:26:52 -07:00
Shubham Padia
5ffb75387a typeahead: Change color for the right hand side option label.
Fixes
https://chat.zulip.org/#narrow/stream/101-design/topic/UI.20redesign.3A.20new.20topic.20indicator.20in.20typeaheads/near/1908770.
We could have made this change specific to the option label for
composebox typeahead only, but I don't see a scenario where all the
other colors are the same for another typeahead but the right option
label color is different. Currently, the option_label is only used in
composebox typeahead, so visually this commit will only affect that
typeahead.
2024-08-13 18:28:32 -07:00
Shubham Padia
10da3e3626 typeahead: Give appropirate name to option label container.
The class was named `typeahead-option-label` for the element containing
the actual option label. We renamed it to
`typeahead-option-label-container` to give it a more appropriate name.
2024-08-13 18:28:32 -07:00
Shubham Padia
240e2c87a7 typeahead: typeahead-strong-section should have a font weight of 500.
Fixes https://chat.zulip.org/#narrow/stream/101-design/topic/font.20weight.20in.20typeaheads/near/1911442.
2024-08-12 10:13:15 -07:00
Aman Agrawal
c82012e5e2 typeahead: Move all global typeahead styles together. 2024-07-16 23:29:45 -07:00
Aman Agrawal
b5b3391d0d typeahead: Fix alignment of secondary text of typeahead. 2024-07-13 07:03:46 -07:00
Aman Agrawal
a46b075e0e typeahead: Restore line height to original value.
e5e5ba6cea reduce the line height
of the typeaheads, which doesn't look for stream typeaheads. We
restore it back to original value.
2024-07-13 07:03:46 -07:00
N-Shar-ma
82c2da8aae typeahead: Make menu scrollable with up to 50 options.
To increase the number of options available for the user to pick from,
we increase the limit of options shown to 50 for all typeaheads, and
make the menu scrollable. The max height is set to original height of
the composebox typeahead menu, which fit 8 options or to 95% of the
window height, whichever is smaller.

Fixes: #20620.
2024-07-11 16:05:30 -07:00
Aman Agrawal
e5e5ba6cea css: Scale typeaheads / dropdowns with font size.
Fixes #30780

Adjusted both width and line height of typeaheads and dropdown widgets
to scale font size.
2024-07-10 12:56:58 -07:00
Aman Agrawal
ad4a1a316d typeahead: Fix typeahead items wrapping to next line. 2024-07-09 09:42:10 -07:00
Aman Agrawal
495c83eb46 typeahead: Fix unintentional propagation of CSS properties. 2024-07-09 09:42:10 -07:00
Aman Agrawal
df542e9a9b css: Keep typeahead CSS together.
Also removed the comment which is no longer useful.
2024-07-09 09:42:10 -07:00
Aman Agrawal
bb440e0a7a typeahead: Move CSS file with other styles.
We want to keep typeaheads CSS together to make it easy to reason
about changes and this looks like the right file to keep the
CSS in.
2024-07-09 09:42:10 -07:00