Commit Graph

56 Commits

Author SHA1 Message Date
Aman Agrawal
dde861e959 recent_view: Remove not required height and width values.
We don't need specific width / height here and it is okay for
this element to take child's size here which is scaled based
on font size.
2025-03-14 11:07:33 -07:00
Karl Stolley
a813b37694 recent_view: Hold unread header to a minimum width. 2025-03-11 12:22:49 -07:00
Karl Stolley
58e726d39d recent_view: Better account for sortable widths on Topics, Unreads. 2025-03-07 15:26:15 -08:00
Karl Stolley
e65b57cdbf tables: Remove unnecessary styles that interfere with centering. 2025-03-07 15:26:15 -08:00
Aman Agrawal
f57a3abd83 recent_view: Make icon change on hover for visibility indicator robust.
Using character index for changing icon is not reliable, so
we use `background-image` to change the icon being displayed here.
2025-03-05 21:58:15 -08:00
evykassirer
7ac35542a4 recent_view: Scale unread icon with font size on small screens. 2025-03-04 15:30:36 -08:00
Aman Agrawal
d28f7d8622 recent_view: Show topic menu instead of topic visibility popover.
Some checks failed
Code scanning / CodeQL (push) Has been cancelled
Zulip production suite / Ubuntu 22.04 production build (push) Has been cancelled
Zulip CI / ${{ matrix.name }} (zulip/ci:bookworm, true, false, Debian 12 (Python 3.11, backend + documentation), bookworm) (push) Has been cancelled
Zulip CI / ${{ matrix.name }} (zulip/ci:jammy, false, true, Ubuntu 22.04 (Python 3.10, backend + frontend), jammy) (push) Has been cancelled
Zulip CI / ${{ matrix.name }} (zulip/ci:noble, false, false, Ubuntu 24.04 (Python 3.12, backend), noble) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:bookworm, --test-custom-db, Debian 12 production install with custom db name and user, bookworm) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:jammy, , Ubuntu 22.04 production install and PostgreSQL upgrade with pgroonga, jammy) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:noble, , Ubuntu 24.04 production install, noble) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:bookworm-7.0, 7.0 Version Upgrade, bookworm) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:bookworm-8.0, 8.0 Version Upgrade, bookworm) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:jammy-6.0, 6.0 Version Upgrade, jammy) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:noble-9.0, 9.0 Version Upgrade, noble) (push) Has been cancelled
This helps us include topic summary feature in recent view.
2025-02-08 08:52:26 -08:00
Karl Stolley
3295580e79 recent_view: Place 3-dots group DM icon. 2025-01-29 16:35:41 -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
Harsh
6902d66635 recent: Use 'zulip-icon-close' instead of 'fa-remove' in search box. 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
evykassirer
9a4c5bc1a0 recent: Use em for recent view filter widget width. 2025-01-07 09:29:17 -08:00
evykassirer
ad16739a7f recent_view: Vertically align filter checkboxes with their labels. 2025-01-04 16:38:00 -08:00
evykassirer
dc2b38fae1 recent_view: Use em for padding width of checkboxes. 2025-01-04 16:38:00 -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
Aman Agrawal
9b96b45841 recent_view: Fix transparent avatar background color being changed.
We don't set a background color for transparent avatars to avoid
changing what the avatar is supposed to be.
2024-12-17 10:28:50 -08:00
sanchi-t
92b8d66c3b css: Refactor theme colors for #recent_view.
This change moves the light and dark theme colors for
`#recent_view` element to CSS variables.
2024-12-17 10:28:32 -08:00
Karl Stolley
1bad9a82cc user_circles: Introduce circle icons to Recent conversations. 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
Sahil Batra
f4cbdd8c9c css: Remove unnecessary CSS for ".clear_search_button".
We can remove some of the CSS properties for
".clear_search_button" selectors because they
were being overridden by CSS set using more
specific selectors or by CSS set using
".bootstrap-btn" selector.

As a result, we can remove some the overriding
CSS as well where they were being used to set
default values.
2024-12-10 09:47:01 -08:00
Sahil Batra
835bedb515 recent-view: Use grid layout for search input.
This commit updates CSS to use grid layout for search input
in recent conversations view so that we can have clean CSS
and do not have different values for padding, right and margin
properties at different places.

This also fixes the alignment of "x" button.
2024-12-10 09:47:01 -08:00
Sayam Samal
35ba96bd9d recent_view: Remove bootstrap classes from recent view buttons.
This commit removes the final vestiges of `bootstrap-btn-default` class
from the codebase, by moving the relevant styles from the
`bootstrap-btn` and `bootstrap-btn-default` classes to the
`button-recent-filters` class.
2024-11-20 11:08:58 -08:00
Sayam Samal
650076b027 recent_view: Rename btn -> button in 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
Karl Stolley
2e1ab1c470 unread_counters: Adjust hover styles for inbox, recent views. 2024-11-04 15:31:12 -08:00
Karl Stolley
c1207c73f2 recent_conversations: Prevent DM label, icon collision. 2024-10-15 12:03:24 -07:00
Sayam Samal
19c29af4bb icons: Cleanup redundant .fa-group related styling.
This also fixes the opacity of the `.zulip-icon-triple-users` icon in
the recent view.
2024-09-20 09:07:05 -07:00
Sayam Samal
030f93595e icons: Replace previous bot icon with new single antenna bot icon.
Co-authored-by: Alex Vandiver <[email protected]>
2024-09-20 09:07:05 -07:00
opmkumar
62f74fcb83 search: Hide close button in empty filter streams and filter topics.
Fixes #21297.
2024-09-10 15:36:30 -07:00
Sahil Batra
9aa4ce28ce css: Improve selectors used for recent topics table.
Using "*" selector is inefficient as they require checking every
element because of the browser's bottom-up matching process.
This commit instead updates the selector to use individual
classes for elements to apply the CSS rules keeping in mind
to use unique class names instead of general class names.
2024-07-24 12:31:20 -07:00
Sahil Batra
a888763141 css: Extract variable for the right padding for table headers.
This commit extracts CSS value for right padding, used in headers
of sortable columns of a table, in a variable.
2024-07-23 09:43:42 -07:00
Sahil Batra
63e82542d9 recent-view: Fix sorting arrows in recent views table heading.
This commit increases right padding for the th elements in recent
views table to make sure that the sorting arrow is visible correctly
for various screen width and font sizes. This change is similar to
what we did for tables in settings UI.
2024-07-22 11:13:51 -07:00
Shubham Padia
0565fbb6ff recent_view: Replace fa-envelope with zulip-icon-user.
We don't have any more occurrences of fa-envelope is our codebase now.
2024-07-17 12:08:07 -07:00
Karl Stolley
35642cb941 recent_view: Set a shared column for filter icons. 2024-07-03 16:15:46 -07:00
N-Shar-ma
b432b269ee refactor: Make compose size related variables & functions more specific.
We divide functionality into that for "full_size" and "expanded", which
are identical for now.

This is a prep commit for adding an intermediate expanded screen size.
2024-06-26 16:36:52 -07:00
Karl Stolley
818094f81d user_circles: Set user circles to scale with text. 2024-06-26 10:01:24 -07:00
Karl Stolley
544d86646e recent_view: Improve alignment and grouping of status emoji. 2024-06-14 10:50:21 -07:00
Karl Stolley
25e19d8417 recent_view: Improve icon sizing and alignment. 2024-06-14 10:50:21 -07:00
Karl Stolley
ee0d38166a recent_view: Remove unnecessary group icon styles. 2024-06-14 10:50:21 -07:00
Aman Agrawal
371cd0da6c recent_view: Use html as scroll container.
Fixes #17933, #27517

Instead of `recent_view_table`, we make `html` as our scroll container.
This fixes an important bug for us where filters sometimes disappear
due to them scrolling under navbar which is unexpected. Since we are
now using separate containers to display rows and
filter (while includes table headers), where filters use sticky
positioning, this bug will be fixed.
2024-06-07 10:17:10 -07:00
Aman Agrawal
402f589e76 user_topic_popover: Keep reference visible when popover is open.
In recent view and inbox view, we keep the topic visibility icon
visible when the topic visibility popover is visible.
2024-04-12 08:13:40 -07:00
Aman Agrawal
9a8ebf3a34 recent_view: Only normal show topic visibility indicator on focus.
This is now similar to how they behave in inbox view.
2024-04-12 08:13:40 -07:00
Anders Kaseorg
f0945518ba inbox: Remove flexbox nonsense from user rows.
There was no reason for this to be a flexbox, and it was interfering
with wrapping of long names.

Signed-off-by: Anders Kaseorg <[email protected]>
2024-03-28 09:11:09 -07:00
Aman Agrawal
7997af675b recent_view: Fix filter dropdown enabled after search for spectators.
This is because we render the filters again after search and
hence any events or classes that were attached to widget were reset.
2023-11-29 21:47:36 -08:00
Aman Agrawal
d5306334d5 recent_view: Minor alignment changes to search bar.
Center align clear search icon and remove extra space from right.
2023-11-22 23:38:52 -08:00
Aman Agrawal
a872dbb260 recent_view: Disable dropdown widget for spectators. 2023-11-22 23:38:52 -08:00
Aman Agrawal
1e7b4ae160 recent_view: Add drodown widget to filter topics. 2023-11-22 23:38:52 -08:00
Karl Stolley
5accf36115 recent_view: Correct icon alignment within rows. 2023-11-15 09:05:47 -08:00
Aman Agrawal
4db331ed21 empty_list_widget: Use class instead of id.
We were using id before to increase their specificity, but
since it is possible for multiple empty_list_widget_for_list/table
to be in DOM at the same time, we should use a class here. Used
`!important` here so that we can force our padding where these
classes are used.
2023-10-17 11:55:41 -07:00
evykassirer
34ceafadd5 recent view: Add button to fetch more conversations.
We add a new timerender format for this context, where there's plenty
of space.

Fixes: #18461
2023-10-13 16:14:55 -07:00