Commit Graph

61 Commits

Author SHA1 Message Date
Aman Agrawal
39b560e611 inbox: Remove empty space below filters for hidden folders.
Hidden folders occupied space due to bottom margin.

Fixed by moving the margin to elements which have `display: none`
property so that margin is removed.
2025-09-05 10:35:38 -07:00
Aman Agrawal
3e7e81581c inbox: Show muted icon for muted channels. 2025-08-27 10:30:12 -07:00
whilstsomebody
d0207a4297 inbox_ui: Clarify inbox state when all sections are collapsed.
It was reported that the UI is pretty confusing when there is
just a collapsed folder in inbox view.

To address this issue, we now show a note below the folders in
following two situations:
  - All folders collapsed.
  - If all folders are not collapsed, all visible channels
    are collapsed.

Fixes: #35555
2025-08-12 12:04:23 -07:00
Aman Agrawal
6d9b282b86 inbox: Match style of inbox view unread count folder to left sidebar. 2025-08-11 10:14:42 -07:00
Karl Stolley
d1e0d09ef3 inbox: Add folder- and channel-row chevron classes. 2025-07-28 13:17:00 -07:00
apoorvapendse
8ca2ec4363 inbox: Use _html naming convention for content rendered as HTML.
Signed-off-by: apoorvapendse <apoorvavpendse@gmail.com>
2025-07-28 12:56:44 -07:00
Aman Agrawal
2ba72101a2 inbox: Simplify keyboard navigation.
This makes use of `data-col-index` attribute on the elements
to know which column to focus based on user input.
2025-07-18 16:41:26 -07:00
Aman Agrawal
47f42ed149 inbox: Redesign to show channel folders. 2025-07-18 16:41:26 -07:00
Aman Agrawal
ded8f93ca0 inbox: Always show collapsed icon for collapsed headers. 2025-07-18 16:41:26 -07:00
Aman Agrawal
ebb0c9b496 inbox: Move collapse button after the header name. 2025-07-18 16:41:25 -07:00
Aman Agrawal
51047d3b43 inbox: Treat DM row as a folder row. 2025-07-18 16:41:25 -07:00
Sayam Samal
3b0115dce7 inputs: Rename input.hbs partial block to input_wrapper.hbs. 2025-07-03 11:45:35 -07:00
Sayam Samal
b6ff748602 inbox: Standardize inbox filter input.
This follow-up commit replaces the current inbox filter input
implementation with the redesigned input component.

Fixes part of #34476.
2025-07-03 11:45:35 -07:00
Aman Agrawal
55d9ea95fb inbox_ui: Use list widget to render topics for channel view.
Rendering all the topics of a channel can be very expensive, so we
use list widget to progressively render the items.
2025-06-10 11:49:05 -07:00
Saubhagya Patel
cfadd67c75 icons: Rename zulip-icon-unmute-new to zulip-icon-unmute.
This commit removes the old `zulip-icon-unmute` icon, which is
no longer used. The `zulip-icon-unmute-new` icon is now
renamed to `zulip-icon-unmute`.
2025-06-05 17:05:24 -07:00
Saubhagya Patel
b4f2c4cafc icons: Rename zulip-icon-mute-new to zulip-icon-mute.
This commit removes the old `zulip-icon-mute` icon, which is
no longer used. The `zulip-icon-mute-new` icon is now
renamed to `zulip-icon-mute`.
2025-06-05 17:05:24 -07:00
Aman Agrawal
97c69e3038 inbox: Show inbox channel view based on user setting.
Fixes: #29574
2025-05-09 15:13:56 -07:00
Aman Agrawal
001c16ef86 inbox: Handle keyboard navigation for read topics.
Since inbox only has unread topics visible, rows having no
unread counter was not handled. Added that support so that
inbox style channel view can use it.
2025-04-24 16:22:13 -07:00
Aman Agrawal
3547900800 inbox_row: Only show unread counter if there are unreads in topic. 2025-04-10 11:52:03 -07:00
sanchi-t
874e7bacf9 popover_menus_data: Hide actions user can't take for archived channels.
Hide actions users cannot perform for messages and topics within
archived channels.
2025-03-07 18:08:41 -08:00
Pratik Chanda
05fbee9f5a inbox_ui: Show unread @-mention indicator for DMs in inbox view.
Earlier, only unread @-mentions in streams were shown in inbox view
while DMs lacked this indicators.

This commit introduces unread @-mention indicators for DM rows in inbox
view using `unread_mention_dms` which stores `user_ids_string` mapped to
`message_id`s having mention.

Fixes part of zulip#28849.
2025-02-05 13:27:57 -08:00
Pratik Chanda
c14135ded5 tooltips: Change tooltip string for unread mention info.
This commit changes the tooltip string for unread mentions across
different views for streams.
2025-02-05 13:27:57 -08:00
Aman Agrawal
5f709245c0 inbox: Allow user to select empty view text.
We likely added this logic to allow links to be opened in new tab
on ctrl + click and not trigger text selection.

We retain this behaviour but allow selection of empty view text.
2025-02-05 05:59:12 -08:00
Karl Stolley
8a76be7122 inbox_view: Place 3-dots group DM icon. 2025-01-29 16:35:41 -08:00
Prakhar Pratyush
91899e627e inbox_row: Show realm_empty_topic_display_name for empty topic name.
This commit adds support to display `realm_empty_topic_display_name`
value in the Inbox UI for topics having the actual value of
empty string.
2025-01-10 14:32:55 -08:00
Karl Stolley
327afd5273 user_circles: Introduce circle icons to Inbox. 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
Anders Kaseorg
e172c717f7 webpack: Enable explicitPartialContext for handlebars-loader.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2024-11-15 20:41:59 -08:00
sanchi-t
fa268877d3 stream: Show (archived) at the end of deactivated stream names.
When a stream is deactivated the title area and messages are
re-rendered to update the stream name with `(archived)` suffix.
2024-10-25 16:06:42 -07:00
Karl Stolley
979e8ff5d2 inbox: Use plural for Direct messages header. 2024-10-11 12:54:21 -07:00
Tim Abbott
f61f138b75 tooltips: Clean up aria-label for visiblity tooltips.
Using different punctuation for the aria-label from the tooltip is
silly. Additionally, we don't need to repeat the channel name in
aria-label; it essentially will never be seen and the message list
copy of getting the channel name was buggy.
2024-07-25 08:24:14 -07:00
Pratik Chanda
1ccf5e3ac3 tooltip: Change tooltip info for default topic menu option.
Earlier tooltip info for the default topic menu notification option
had static string to display.

This commit changes the string info and includes channel name and its
corresponding privacy icon to display in the tooltip.
2024-07-24 13:34:52 -07:00
Pratik Chanda
4ef7394df4 tooltip: Change tooltip for topic menu option.
Earlier tooltips for topic menu button had inconsistent context with
that of other tooltips. In topic menu tooltip, action was described in
first line which different from that of other tooltips.

This commit changes the tooltip context and rearranges them to match
the format of action on first line and more context on second line.
2024-07-24 13:31:24 -07:00
Shubham Padia
2f8238d74c inbox: Replace fa-envelope with zulip-icon-user. 2024-07-17 12:08:07 -07:00
Kislay Verma
cc7df6d85b presence: Sync presence indicators across the frontend.
User circles indicating their presence are now synced across
all the places they appear, except for:
- navbar_personal_menu_popover - since the status
   there will never change.
- typeahead_ist_item - because it is short-lived.

Fixes #30536
2024-07-10 11:01:44 -07:00
Aman Agrawal
a83b882705 inbox_ui: Let browser handle tab key. 2024-06-25 14:12:19 -07:00
CIC4DA
4e5ab739d0 group_pill: Change the groups icon to zulip-triple-user-icons.
Fixes: zulip#28756
In this commit, we are changing the icon for group_pill from fontawesome group to triple-users-icon.
2024-04-24 17:37:38 -07:00
Aman Agrawal
9846c4c476 inbox_row: Don't show topic visibility toggle button by default.
We emulate the same behaviour of hiding topic visibility button
by using opacity if for default topic visibility state.
2024-03-14 10:15:49 -07:00
Prakhar Pratyush
6630981de8 inbox: Remove 'default' visibility policy indicator.
We no longer show the 'default' visibility policy in
the inbox view. 'Unmute', 'Follow', and "Mute' are
still shown.

For topics with 'default' visibility policy, it is
still possible to change the visibility policy via the
three-dot menu.

The motivation is not to have the default state so
prominently called out.
2024-03-04 14:07:59 -08:00
Aman Agrawal
060b94b71f inbox: Fix search icon position on narrow widths.
Due to filters dropdown's variable width, the search icon was
incorrectly positioned, we fix it by positioning it relative to
the filter dropdown.
2023-11-10 18:20:26 -08:00
Aman Agrawal
a7f02c89d7 inbox_view: Move filters dropdown to the left of search box. 2023-11-10 10:22:18 -08:00
Aman Agrawal
f191efce1b inbox: Add dropdown to filter topics.
Fixes #27522

Replace `Include muted` checkbox with a dropdown to filter displayed
topics.

Also, adds a new filter to display only followed topics.
2023-11-10 10:22:18 -08:00
Prakhar Pratyush
3f2ab44f94 follow_topics: Remove the 'development' guard.
This commit removes the 'development' guard and makes
the UI changes related to the 'Follow Topics' project visible
outside the development environment.

Cleans up the older UI elements related to mute and unmute topics.
2023-10-22 14:24:22 -07:00
Aman Agrawal
e4ae826a47 inbox: Improve look of empty inbox view. 2023-10-20 17:13:33 -07:00
Aman Agrawal
0dd8e40e84 inbox: Use new empty-list-message style and center the text. 2023-10-17 11:55:41 -07:00
Aman Agrawal
3cbd772b8d inbox: Make focus outline around unread count wider. 2023-10-09 16:36:24 -07:00
Aman Agrawal
80a7e995af inbox: Fix spelling mistakes.
Found a good spell checker, hopefully no more of those.
2023-10-09 16:36:24 -07:00
Aman Agrawal
e9c86dc524 inbox: Add topic visibility indicator. 2023-10-09 16:36:24 -07:00
Aman Agrawal
49f553ebfc inbox: Add rectangle focus border around inbox header name. 2023-10-09 16:36:24 -07:00
Aman Agrawal
57c1c56028 inbox: Migrate data objects to use Map.
Since Map store values in insertion order, it will be required
to show rows sorted by time.

This is not pretty but can be improved when
https://github.com/handlebars-lang/handlebars.js/pull/1996
is released.
2023-10-05 15:52:02 -07:00