Commit Graph

97 Commits

Author SHA1 Message Date
Aman Agrawal
f2a11c5858 inbox: Avoid extra margin from folders hidden by filters.
If all channels in a folder are muted, then this margin is present
in "Standard view", without there being any folder present.

Fixed by only applying margin if the folder has any header or rows
that are not hidden by filters.

This is an alternative fix to #35962 which was reverted in #36123.
2025-09-26 09:16:26 -07:00
Karl Stolley
c21d2918da inbox: Correct margin declaration to avoid odd gap. 2025-09-25 17:27:35 -07:00
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
Karl Stolley
b71352c4dc inbox: Align filters to left, right sidebars. 2025-08-28 10:11:25 -07:00
Aman Agrawal
3e7e81581c inbox: Show muted icon for muted channels. 2025-08-27 10:30:12 -07:00
Karl Stolley
39b69ab90a inbox: Move lefthand padding to avoid disturbing grid.
This fixes a subtle alignment issue with unreads in
the DM header row versus the actual DM rows that
follow.
2025-08-12 14:06:37 -07:00
Karl Stolley
4c129e73b7 dropdown_lists: Simplify selected item-text class. 2025-08-12 12:41:31 -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
01febad94e inbox: Hold vdots to same column on archived topics. 2025-07-30 15:46:54 -07:00
Aman Agrawal
ade30e822a inbox: Fix left alignment of user full name in DM rows.
They were misaligned since `user-circle` uses a different font-size
than rest of the icons and thus needed a different padding in `em`.
2025-07-28 23:46:28 -07:00
Karl Stolley
bd8bd2c64a inbox: Simplify declaration of folder-row chevron color. 2025-07-28 13:17:00 -07:00
Karl Stolley
630319fde8 inbox: Update channel-row chevrons to Vlad's spec. 2025-07-28 13:17:00 -07:00
Aman Agrawal
0f1cccc1cc inbox: Don't show focus outlines without inbox relevant keypress.
Untill user uses a keypress that inbox handles, we don't show
focus outlines.
2025-07-22 17:23:47 -07:00
Aman Agrawal
2223ab176c inbox: Fix left side text overlflowing their containers.
Fixed channel name, folder name and topic overflowing their containers.
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
189f1a8899 inbox: Only show collapse icon on hover or focus. 2025-07-18 16:41:25 -07:00
Aman Agrawal
ebb0c9b496 inbox: Move collapse button after the header name. 2025-07-18 16:41:25 -07:00
Sayam Samal
26f0b755af inbox: Adjust height of inbox dropdown widget to match filter input. 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
fd911095eb inbox: Fix first row icon visible without user action.
Now the icons will only be visible if user made a relevant
keyboard input or hovers over the row.
2025-06-24 12:08:46 -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
Akash Vishwakarma
bd5c096297 inbox: Fix search box overflow on screens under 450px.
Fixes #33654

Set the inbox search input width to 100% to prevent overflow on small
devices. This Ensures the search box stays within its container for a cleaner
layout. Setting the element's width to 100% overrides the default width.
2025-06-05 15:46:18 -07:00
Karl Stolley
207c874593 inbox: Swap :focus for :focus-visible where necessary. 2025-05-29 12:08:39 -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
e579f88d54 inbox: Remove underline on recent conversation text.
The blue color make it evident enough that the text is a link.
Added hover effect to make it more evident.
2025-04-25 11:49:17 -07:00
Karl Stolley
55ea5be022 home_views: Let Recents/Inbox view filter fit content. 2025-03-25 12:48:50 -07:00
Karl Stolley
6668b96b73 dropdowns: Correct columnar flex alignment in recents, inbox. 2025-03-10 09:22:41 -07:00
Anders Kaseorg
e381dfd448 styles: Remove obsolete ‘transition: none …’ workaround.
https://github.com/kristerkari/stylelint-high-performance-animation/issues/216
was fixed upstream.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-03-04 15:30:11 -08:00
Aman Agrawal
94fd268abe inbox: Fix width of inbox search input at different window sizes. 2025-02-23 15:03:55 -08:00
evykassirer
454803ea4d inbox: Use em for more spacing measurements. 2025-02-13 09:20:53 -08:00
evykassirer
2ccf9147bd inbox: Remove background on exit button hover. 2025-02-12 12:16:14 -08:00
evykassirer
afd30ab4a4 inbox: Position search clear button with em. 2025-02-11 14:57:14 -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
Harsh
f9617c0aff searchbox_css: Replace display: none with visibility: hidden.
This commit standardizes the use of visibility: hidden for
clear_search_buttons in search boxes.
2025-01-21 10:31:34 -08:00
Harsh
d5aca48cd8 css: Use --color-text-url variable as color for text links.
fixes: #31520
2025-01-21 08:49:27 -08:00
evykassirer
9a4c5bc1a0 recent: Use em for recent view filter widget width. 2025-01-07 09:29:17 -08:00
evykassirer
2c351d8a23 inbox/recent: Use em for dropdown menu. 2025-01-07 09:29:17 -08:00
evykassirer
a8d0d462fb inbox: Use em for filter and search boxes. 2025-01-07 09:29:17 -08:00
evykassirer
0df487c4f3 inbox: Remove unused button-inbox-filter selector.
Removed in f191efce1b
2025-01-07 09:29:17 -08:00
evykassirer
f0e06f08ec inbox: Remove extra width on inbox table.
This was causing the table to be 2px wider than the filter box,
at all font sizes.
2025-01-07 09:29:17 -08:00
evykassirer
3ce65a3e52 inbox: Use base font size for inbox view. 2025-01-07 09:29:17 -08:00
Karl Stolley
71b41af95a user_names: Suppress status emoji for group DMs in Inbox, Recents. 2024-12-17 11:01:21 -08:00
Karl Stolley
f679edf967 user_names: Display users and status emoji inline in recents, inbox.
Fixes #29778
2024-12-17 11:01:21 -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
cac3bca409 dependencies: Upgrade JavaScript dependencies.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2024-11-27 09:54:56 -08:00
Sayam Samal
b5dd1bf009 inbox: Rename btn -> button for CSS classes.
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