Commit Graph

503 Commits

Author SHA1 Message Date
Karl Stolley
be53f22fff layout: Tweak dropdown for correct icon-label alignment. 2025-09-03 17:37:14 -07:00
Aman Agrawal
693e86746e header-avatar: Remove background and border around loaded image. 2025-08-28 10:00:04 -07:00
Anders Kaseorg
72e762f075 stylelint: Fix property-no-deprecated.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-08-14 21:37:50 -07:00
Karl Stolley
2174f55b87 left_sidebar: Correct unread-pulse on collapsed views. 2025-08-13 13:59:13 -07:00
Tim Abbott
ed97ae3c96 settings: Improve textarea starting heights.
Having the textarea not be super small greatly reduces the temptation
to immediately resize it when working with it.

This helps reduce the impact of #35663.
2025-08-12 17:09:01 -07:00
Tim Abbott
b13019bc7b invite: Fix resizing of custom message textarea.
Horizontal resizing could overflow the region, which looked busted, or
shrink it, which is useless.

Fixes part of #35663.
2025-08-12 17:09:01 -07:00
Karl Stolley
39025636b1 dropdown_lists: Scope alignment tweaks to folder selector. 2025-08-12 13:45:48 -07:00
Karl Stolley
1fcf9acd33 dropdown_lists: Tweak alignment for multline text, buttons. 2025-08-12 12:41:31 -07:00
Karl Stolley
f95572e1e6 dropdown_lists: Open folder selector to 75% of input width. 2025-08-12 12:41:31 -07:00
Karl Stolley
fce8b57e27 dropdown_lists: Present gridded list items.
Fixes #35600.

Co-Authored-By: Kunal Sharma <v.shm.kunal@gmail.com>
2025-08-12 12:41:31 -07:00
Karl Stolley
4c129e73b7 dropdown_lists: Simplify selected item-text class. 2025-08-12 12:41:31 -07:00
Saubhagya Patel
bb5c87e306 bots: Add a setting to customize the Welcome Bot message.
This commit includes the following changes:
- Add an administrator setting to customize the Welcome Bot
message when sending an invitation.
- Add an API endpoint to test the customized Welcome Bot message
by sending a copy of the message to the administrator.

Fixes #27663.

Co-authored-by: Akarsh Jain <akarsh.jain.790@gmail.com>
2025-08-08 18:59:37 -07:00
Karl Stolley
4289cb67e5 left_sidebar: Change animation for new unread mentions.
Fixes #34473

Co-Authored-By: Aman Agrawal <amanagr@zulip.com>
2025-08-08 13:52:51 -07:00
Maneesh Shukla
3bd8c28fca buttons: Redesign some old-style buttons with rounded class.
Fixes part of #35006.
2025-07-16 14:46:23 -07:00
Sayam Samal
2e070272cb message_header: Improve loading indicator on resolve/unresolve button.
This commit improves the loading indicator on the resolve/unresolve
button via the `show_button_loading_indicator` method from
`web/src/buttons.ts` module.
2025-07-08 10:05:51 -07:00
Sayam Samal
2263387143 message_header: Remove obsolete style for resolve/unsresolve spinner. 2025-07-08 10:05:51 -07:00
Sayam Samal
71d75532fe inputs: Implement redesigned input component.
This commit serves as the base for the ongoing effort to standardize
redesigned input elements throughout the Zulip Web UI. It introduces a
new Handlebars partial block for inputs, located at
web/templates/components/input.hbs.

The partial can be used with the partial block syntax: {{#> input}},
allowing contributors to pass in the input element as a template. This
approach wraps the input with a consistent structure that includes
support for an icon and an action button. It also applies the necessary
styling to ensure visual and functional consistency across the web UI.

This commit also implements the filter input component at
/devtools/inputs/ showroom page for design discussions and prototyping.
2025-07-03 11:45:35 -07:00
Pratik Chanda
ecce22f685 app: Allow overscroll on x-axis.
This overscroll-behaviour was changed earlier to fix sliding of
message_feed_container but later separate PR addressed root cause
for the issue. This overscroll change did end up preventing
swipe gesture navigations.

This commit reverts 448cd70c56.
2025-06-30 10:27:06 -07:00
Karl Stolley
1a3cf7c07a copy_paste: Offset to the left, not the right. 2025-06-26 17:39:14 -07:00
Aman Agrawal
8427c2e763 css: Remove outline on buttons on click.
Fixes #34479
2025-06-25 11:55:36 -07:00
Karl Stolley
9e2ffe7fd5 inputs: Set default text-color explicitly.
This removes the previous slightly-lighter text shade
in light mode, and gets away from the trickiness of
`color: inherit` in dark mode.

While we could probably go with inheritance
everywhere, simply by removing the color: value on
these element, setting an explicit color variable on
the inputs here builds better confidence as to what
the color value will ultimately be.
2025-06-13 16:53:46 -07:00
Aman Agrawal
331bb09cdd message_feed_bottom_whitespace: Rename variable for general use.
Rename so that the loading indicator an be used by other views
as well.
2025-06-10 11:49:05 -07:00
Karl Stolley
dfdac12248 app: Disallow overscroll on x-axis. 2025-06-04 16:19:43 -07:00
Aditya Kumar Kasaudhan
b79547d9e2 dropdown_widget: Add focus management options.
This commit add configuration options to improve dropdown behavior:
- `keep_focus_to_search`: Keeps focus in the search input during
navigation.
- `tab_moves_focus_to_target`: Moves focus to the target item on
Tab key press.
2025-05-30 13:31:37 -07:00
Aditya Kumar Kasaudhan
9971b08cce dropdown_widget: Rename active class to current_user_setting.
This commit renames `active` to `current_user_setting` and
`is_item_selected` to `is_current_user_setting` to clarify
it’s the user’s current choice, not hover, and to prevent
future naming conflicts.
2025-05-30 13:31:37 -07:00
Karl Stolley
f1a2921f41 copy_paste: Remove .copy-paste-text from document flow. 2025-05-29 13:36:02 -07:00
Daniel Krol
b336c54dc3 navbar: Fix fallback avatar in navbar.
Match the behavior of the user list for loading avatar images: if the
image does not load, maintain the grey fallback background color.

Before this change, the avatar in the navbar started as a grey box while
it was waiting for the image to load, but it disappeared after it failed
to do so. This is because the grey background was attached to the `img`
element, which is hidden after it fails to load the image.

In this change, we attach the necessary styling, including background
color and size, to a new surrounding `div` tag instead of the `img`.
(The existing surrounding `a` tag has its own size styles that we should
leave alone.)

Fixes part of #19123.
2025-05-13 12:05:28 -07:00
Evy Kassirer
25c0b279f7 invite: Fetch full user set for get_unique_subscriber_count_for_streams.
Work towards #34244.
2025-05-12 15:11:50 -07:00
Harsh
cfdb80ed48 typeahead: Replace code block language hint text with more clear options
This commit
- Replace the blank option with an italicized option that's the current
   default language, if there is one selected with "default" label.
- Make the "text" option more informative by adding (no highlighting)
   to the label.
- Remove the hint for "text".
- Prioritize as left to right, before start typing:
   blank/default language, text, quote, spoiler, math, everything else...

fixes: #33682
2025-05-01 16:36:20 -07:00
Karl Stolley
a9e3331fcc page_loader: Correct clipped logo circle. 2025-04-29 11:36:54 -07:00
Karl Stolley
f20aed49d4 page_loader: Correct hard-coded pixel values. 2025-04-28 16:08:53 -07:00
Karl Stolley
3671a6a39c decorated_channels: Rename privacy-icon class. 2025-04-22 11:26:12 -07:00
Sayam Samal
71609a3032 message_row: Consolidate date row and bookend styles to message_row.css. 2025-04-16 10:44:51 -07:00
Sayam Samal
1042c7f891 message_row: Combine date row related CSS in zulip.css. 2025-04-16 10:44:51 -07:00
Sayam Samal
377cc2a9d9 message_row: Combine bookend related CSS in zulip.css. 2025-04-16 10:44:51 -07:00
Sayam Samal
f1b3867c6a message_row: Remove tag-level filtering in the date row timerender CSS.
This commit improves the CSS matching performance by avoiding tag-level
filtering in the date row CSS. Instead of using the `span` tag we use
the ".timerender-content" class to filter the same time/date elements.

Since this class is added by `timerender.render_date()` to the span
element inside date_row on every instance, we can use it with assurance.
2025-04-16 10:44:51 -07:00
Sayam Samal
93fb84bc98 message_row: Remove tag-level filtering in the bookends CSS.
This commit reduces the selector scope and improves the CSS matching
performance by avoiding tag-level filtering in the bookends CSS.

This also removes the `.sub-unsub-message` class from the bookend as it
served no additional support and the `.bookend`` class can be used
directly instead to maintain the styling of this element.
2025-04-16 10:44:51 -07:00
Jitendra Kumar
8682db5573 message_feed UI: Update logo dimensions for better scalability.
Change 'z' logo dimensions so that it scales according to chosen font
size.

Fix: #34266
2025-04-11 17:02:08 -07:00
Anders Kaseorg
819504a0e9 stylelint: Fix color-function-alias-notation.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-04-09 15:46:56 -07:00
Karl Stolley
31d3eba256 bootstrap: Preserve useful styles on button, input. 2025-04-03 13:35:06 -07:00
Karl Stolley
a9fa087f60 bootstrap: Rescue cursor definitions on label, button. 2025-04-03 13:35:06 -07:00
Anders Kaseorg
f2a171a881 Revert "css: Remove unused transition property."
This reverts commit 7d08f32ebb.

The commit message is factually incorrect, and the change broke our
fade-out transitions.  visibility can be transitioned, and there is a
specific rule for what that means.  This is critical for transitioning
opacity in the fade-out direction: if you fail to also transition
visibility, then the element disappears immediately regardless of
opacity.

https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#interpolation

Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-04-03 10:59:08 -07:00
Aman Agrawal
7d08f32ebb css: Remove unused transition property.
`visibility` cannot be animated since it is a boolean.

This fixes composition failure error in Chrome dev tools when
these animations are triggered that the animation has
no visible change.
2025-04-03 10:44:33 -07:00
Anushrut pandit
889c9a0a94 dropdown_container: Fix dropdown list focus outline clipping
Adjust the focus style for dropdown list items in inbox and recent-view.This ensures the focus outline is fully visible
across different zoom levels and fixes #34020
2025-03-17 14:07:33 -07:00
Karl Stolley
61f5bd6a4c spectator_view: Improve righthand alignment of standalone search icon.
Fixes: #34007
2025-03-17 13:54:39 -07:00
Vector73
9c5535f447 saved_snippets: Use intent="neutral" for edit icon. 2025-03-17 11:03:25 -07:00
evykassirer
6e36c6de16 channel_picker: Align icon by keeping constant line-height.
Fixes issue reported here:
https://chat.zulip.org/#narrow/channel/9-issues/topic/.F0.9F.8E.AF.20channel.20picker.20icon.20alignment/near/2122798
2025-03-14 17:20:45 -07:00
Sayam Samal
955ddc011f inline_topic_edit: Make inline topic edit input field width dynamic.
This commit adds a hidden `topic_value_mirror` span element, and uses
that to dynamically set the width of the input field to the width of
the topic text inside it + some cushion.

Fixes #33844.
2025-03-13 15:58:26 -07:00
Prakhar Pratyush
280fd40892 inline_topic_edit: Improve placeholder when topic is not mandatory.
Earlier, we used to show "general chat" as the placeholder.

This commit adds support to show "Enter a topic (skip for general
chat)" as the placeholder when topic is not mandatory in the
inline topic edit input box.

We show "general chat" (as we show in compose topic input box)
when inline topic edit input box is not focused and topic="".

Fixes part of #33846.
2025-03-13 11:30:58 -07:00
Vector73
b31024be47 saved_snippets: Add support for editing saved snippets.
Fixes #33708.
2025-03-13 10:58:36 -07:00