132 Commits

Author SHA1 Message Date
Pratik Chanda
8711730e6b left_sidebar: Add menu to change channel folder setting in left sidebar.
Earlier, you could change setting to show/hide channel folders in
left sidebar from setting overlay.

This commit adds an menu option to toggle channel folders setting in
the left sidebar. The menu is hidden if there are no subscribed
channels with channel folder.

Fixes #35574.
2025-08-12 10:29:44 -07:00
Aman Agrawal
8b5e231f42 left_sidebar: Fix both input and add channel tooltip visible.
Fixed by restricting tooltip trigger area to input element.
2025-08-12 09:59:30 -07:00
Aman Agrawal
78a3ef56e4 left_sidebar: Support filtering all items using the search input. 2025-08-12 00:38:22 -07:00
Aman Agrawal
ba03a3494b left_sidebar: Add tooltip to search input. 2025-08-12 00:38:22 -07:00
Tim Abbott
c44b801cfc left_sidebar: Update main filter input placeholder text. 2025-08-12 00:38:22 -07:00
Aman Agrawal
b5f1af6742 left_sidebar: Move channel search input top the top. 2025-08-12 00:38:22 -07:00
Tim Abbott
ae04cdee78 left_sidebar: Rename stream-search-and-add for global search.
This will be more readable once we've moved the search input.
2025-08-11 14:22:32 -07:00
Tim Abbott
0ccfb7fdf0 left_sidebar: Rename stream-list-filter for global search.
This will be more readable once we've moved the search input.
2025-08-11 14:22:32 -07:00
Tim Abbott
041597e006 left_sidebar: Rename stream_search_section for global search.
This will be more readable once we've moved the search input.
2025-08-11 14:22:32 -07:00
Karl Stolley
b27a9fdbf1 left_sidebar: Show home unread count in condensed views.
The view is left as-is, however, for users who prefer
masked unreads.
2025-08-05 15:04:14 -07:00
Aman Agrawal
8207eaab55 left_sidebar: Refactor to support user's navigation view preference.
Co-authored-by: Aditya Chaudhary <aditya.chaudhary1558@gmail.com>
2025-08-04 18:33:36 -07:00
Aman Agrawal
87aaf6dd4d left_sidebar: Remove unused home-link class. 2025-08-04 18:33:36 -07:00
Evy Kassirer
08fd7a30f9 left_sidebar: Add plus icon beside channel search bar.
This button was previously found when hovering on the CHANNELS
header, but now that we've removed that header, we show the
button here instead, and always visible.
2025-07-28 10:28:01 -07:00
Evy Kassirer
9478525f15 left_sidebar: Remove #streams_header and related code.
This component no longer exists with the new design.

Everything removed here that's still relevant (unread counts, special
logic for spectator view) is added back, at the section/channel folder
layer, over the next several commits.
2025-07-28 10:28:01 -07:00
Evy Kassirer
27092d5543 left_sidebar: Change channel sections to togglable sections. 2025-07-28 10:28:01 -07:00
Evy Kassirer
dc013b6a10 left_sidebar: Show the search bar all the time.
This is preparation for adding channel folders to the sidebar
and removing the CHANNELS header, where we'll want to have an
always open search bar.
2025-07-28 10:28:01 -07:00
Sayam Samal
701c81d919 left_sidebar: Make LOG IN TO BROWSE MORE link keyboard accessible. 2025-07-25 13:13:05 -07:00
Sayam Samal
2462a6b457 left_sidebar: Fix ENTER key behavior in back to channels in topics list.
This commit addresses the issue where pressing the ENTER key on the
"back to channels" link in the zoomed in topics list did not perform
the intended action by adding the `trigger-click-on-enter` class to
the element.
2025-07-25 13:13:05 -07:00
Sayam Samal
ac0f3a0817 left_sidebar: Fix ENTER key behavior in back to channels in DM list.
This commit addresses the issue where pressing the ENTER key on the
"back to channels" link in the zoomed in direct messages list did not
perform the intended action by adding the `trigger-click-on-enter`
class to the element.
2025-07-25 13:13:05 -07:00
Sayam Samal
fa266701e0 left_sidebar: Make DM list back to channels link keyboard accessible. 2025-07-25 13:13:05 -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
2df8ee43cf left_sidebar: Align filter inputs with preexisting left sidebar grids.
This commit acts as a follow-up commit to the previous three commits
implementing the redesigned filter input in the left sidebar. This
makes some structural changes to the channel/topic/dm headers, and
aligns to filter inputs to the predefined grid lines in the left sidebar
to ensure good visual flow.

Fixes #34476.
2025-07-03 11:45:35 -07:00
Sayam Samal
82edac0166 left_sidebar: Standardize DM list filter input.
This follow-up commit replaces the current left sidebar DM list
filter input implementation with the redesigned input component.

Fixes part of #34476.
2025-07-03 11:45:35 -07:00
Sayam Samal
7c19727168 left_sidebar: Standardize channel list filter input.
This follow-up commit replaces the current left sidebar channel list
filter input implementation with the redesigned input component.

Note: This commit removes `clear_search` method from `stream_list.ts`,
since the `.input-button` onclick handler over at `inputs.ts` handles
the clearing of the filter input fields by sending an empty text input
event. This input event triggers the filter update handler of the
module, in this case the `update_streams_for_search` function and
resets the filter list, eliminating the need for a separate per-module
input clearing/resetting workflow.

Fixes part of #34476.
2025-07-03 11:45:35 -07:00
Aman Agrawal
4a8d86f151 overlays: Add overlay to display scheduled reminders. 2025-07-02 13:02:45 -07:00
Evy Kassirer
25cebcd119 left_sidebar: Don't show 'add channels' in tooltip if that's not allowed.
Discussed here:
https://chat.zulip.org/#narrow/channel/101-design/topic/channel.20folders.20in.20left.20sidebar.20.2331972/near/2202343
2025-07-01 12:52:17 -07:00
opmkumar
d3a7122b62 left_sidebar: Use personal settings to hide unread summary counts.
This commit adds code to use
`web_left_sidebar_unreads_count_summary` from personal
settings in web app.

Co-authored-by: Akarsh Jain <akarsh.jain.790@gmail.com>

Fixes part of #28759.
2025-06-27 13:50:18 -07:00
opmkumar
cf658155e7 left_sidebar: Remove logic of hiding unread counter of STREAMS header.
This removes the previous logic where the STREAMS header unread counter was
hidden when "Show unread counts for" was set to "No streams."
2025-06-27 13:38:38 -07:00
kash2104
12f95a81a9 aria-label: Add aria label for vdots in collapsed navigation menu. 2025-02-14 16:41:00 -08:00
kash2104
9c33c00828 aria-labels: Add aria labels for left sidebar 3 dots menu.
Fixes #20284
2025-02-14 16:41:00 -08:00
Harsh Bansal
30a59e877e left_sidebar: Restyle log-in link to match browse channels.
This commit updates the styling of "Log in to browse
more channels" link in the left sidebar for logged out
users to match "BROWSE N MORE CHANNELS" link. If a string
exceeds the width of container then it would be wrapped
to the next line.

Fixes: #33108
2025-02-07 09:11:18 -08:00
Sourabh Patel
4f78ecdd47 left_sidebar: Auto-hide on clicking new topic or new direct message.
On smaller screens, where left_sidebar is hidden by default,
clicking the `New topic` and `New direct message` buttons did not
close the left_sidebar because these buttons are located within
the left_sidebar.
Clicking these buttons made the cursor to focus over the compose
but the compose remained half hidden by the left_sidebar.

This commit enables the left_sidebar to automatically hide
when these buttons are clicked by introducing the
auto-hide-left-sidebar-overlay class on these buttons.
2025-01-31 14:10:05 -08:00
Tim Abbott
55aa63425b navbar_alerts: Remove entrypoint for developer testing experience.
I think the rest of the code can stay, since we're planning to make it
accessible elsewhere.
2025-01-30 13:16:21 -08:00
Sayam Samal
d24225c078 banners: Add navbar alerts banner testing option. 2025-01-30 10:17:39 -08:00
Pratik Chanda
f744625e4c tooltip: Add counts in tooltip for views in left sidebar.
Earlier, tooltip in left sidebar views had only the navigation list
title shown inside it.

This commit adds more information to the tooltip by including their
respective counts.

Fixes: zulip#25901.

Co-authored-by: ecxtacy <dc.dhruvchouhan@gmail.com>
2025-01-24 14:16:16 -08:00
Pratik Chanda
6c03d839f7 left_sidebar: Refactor tooltip logic for left sidebar navigation list.
Earlier, left sidebar navigation had two separate tooltip logic to
handle the same tooltip template.

This commit refactors it to use a single tooltip logic for the left
sidebar navigation.
2025-01-24 14:16:16 -08:00
Karl Stolley
d14c3b7aac left_sidebar: Present uniform, gridded filter boxes. 2025-01-21 08:56:49 -08:00
Karl Stolley
9da535b141 unread_count: Set normal counters on home-view rows. 2025-01-10 13:06:51 -08:00
Karl Stolley
de355ccef2 unread_count: Set quiet counters on channels headings. 2025-01-10 13:06:51 -08:00
Harsh
92a02c7a18 left_sidebar: Use same 'zulip-icon-close' in all search-boxes. 2025-01-07 17:22:47 -08:00
Harsh
4b5e578b9f Rename "clear_search_button" to "old_clear_search_button".
This temporary change allows us to preserve these old styles
while iteratively move all the close buttons to new styles.
Once the migration is complete, `old_clear_search_button` won't
exist anymore and there will be new styles for `clear_search_button`.
2025-01-07 17:22:47 -08:00
Sayam Samal
045efadab9 bootstrap-btn: Rename btn -> bootstrap-btn.
This commit is a part of the efforts to rename btn-related classes
and variables to align with Zulip's no-abbreviations policy and
streamline the search results.
2024-11-14 12:03:36 -08:00
Karl Stolley
4038832889 unread_count: Set class for legacy quiet counters. 2024-11-07 14:56:38 -08:00
bedo
a632948482 left_sidebar: Fix keyboard accessibility.
Fixes #31823

When home view changes, CSS just puts the selected home view
at the top of the left_sidebar navigation list (expanded)
or to the left (collapsed), but the rendered <li> elements
stay in the same order in DOM, so regarldess of current home view,
keyboard navigation always follows the order in which the <li>
elements appear in DOM.

Changes:
- Reorder <li> navigation elements in DOM based on current home view.

- Remove tabindex=0 from <a> elements, because they are now ordered
correctly in DOM.

- Add (tabindex="0" role="button") to the <i> collapsable VIEWS, to be
keyboard accessibile.
2024-11-07 11:55:48 -08:00
Karl Stolley
cd1f58080b left_sidebar: Put the New DM button to the right of All DMs. 2024-10-25 15:24:20 -07:00
Karl Stolley
ab1a8367f0 left_sidebar: Add uniform LONG_DELAY class. 2024-10-16 13:41:15 -07:00
Karl Stolley
6935c803c3 left_sidebar: Add New DM hover button to DM header row. 2024-10-16 13:41:15 -07:00
Karl Stolley
484d5d05d6 left_sidebar: Present better-aligned masked unreads as icons. 2024-10-15 15:04:47 -07:00
Karl Stolley
84f3823b64 left_sidebar: Place gridded heading hover icons. 2024-10-15 15:04:47 -07:00
Karl Stolley
e3860033a3 left_sidebar: Prepare grid with controls area, squared vdots. 2024-10-15 15:04:47 -07:00