Commit Graph

232 Commits

Author SHA1 Message Date
Karl Stolley
75ed0c9383 compose: Preserve decorated-stream layout in picker.
In addition to preserving the space between the icon and
stream name, this also moves the ellipsis to the DOM node
for the channel name itself.
2025-04-22 11:26:12 -07:00
Karl Stolley
3671a6a39c decorated_channels: Rename privacy-icon class. 2025-04-22 11:26:12 -07:00
Karl Stolley
33522543c6 dark_theme: Clean up moving bar on main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
2e8c1407ae dark_theme: Clean up action link on main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
4ccea351f4 dark_theme: Clean up info-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
8f465c9836 dark_theme: Clean up error-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
78de5c05a1 dark_theme: Clean up warning-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
c2b1c2ca5a dark_theme: Clean up success-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
65e3d487bf dark_theme: Set color variables for compose-content border.
Note that the dark-theme color comes from the stack of selectors
that included `#compose-content`.
2025-04-04 14:04:52 -07:00
Karl Stolley
8b9942c015 dark_theme: Remove unused colorblock selectors.
None of these selectors appear in any template or JavaScript.
2025-04-04 14:04:52 -07:00
Karl Stolley
815dccdb7f snippets: Better distinguish snippet content in dropdown. 2025-04-03 16:44:36 -07:00
Karl Stolley
ca1e56d91b compose: Prevent picker from collapsing. 2025-04-01 11:22:14 -07:00
ubaidrmn
382a828eec message_edit: Fix stale syntax upon cancelling upload in preview.
Previously, canceling an upload in preview mode &
returning to editing left the syntax unchanged
(e.g., still showing "Uploading"). This happened
because the `replaceFieldText` function does not
work when the text area's display is none.

To fix this, instead of hiding the textarea in
preview mode, we use a grid to overlap it with
the preview container. This is the same thing we
are doing in the compose box. We have also added
css to ensure the textarea remains hidden behind
the transparent preview container
in preview mode.
2025-03-25 11:31:45 -07:00
Prakhar Pratyush
a54bd3cdfa compose_recipient: Avoid using .css() for visibility toggling.
This commit replaces direct `.css("visibility", "...")` calls
with `.addClass("visible")` and `.removeClass("visible")` to
manage the `$topic_not_mandatory_placeholder` visibility.

This improves maintainability by keeping styling in CSS.
2025-03-20 10:32:31 -07:00
Tim Abbott
bccc283554 Revert "compose: Fix buttons spilling from compose box."
This reverts commit 9243fa3d52.

This commit appears to have caused the same issue with the compose box
borders at other size/zoom configurations that may be more common.

We'll figure out a better fix and apply that.
2025-03-20 09:28:05 -07:00
harshbansal8705
9243fa3d52 compose: Fix buttons spilling from compose box. 2025-03-19 11:32:51 -07:00
Aman Agrawal
8858f03847 compose: Revert send button color to that in 9.x.
This reverts commits 9501082e99 and 
a8cfd2fb04.
2025-03-19 09:00:49 -07:00
Karl Stolley
0f17d6e7ef compose: Remove browser-default outline on Send button. 2025-03-18 09:10:54 -07:00
Karl Stolley
9b33a81351 compose: Remove focus-visible color from Send button. 2025-03-18 09:10:54 -07:00
Aman Agrawal
49a9197c52 compose: Use info colors for send button. 2025-03-17 10:23:48 -07:00
Aman Agrawal
4029d80c01 compose: Use standard primary button colors for compose send button. 2025-03-14 10:07:05 -07:00
Vector73
b31024be47 saved_snippets: Add support for editing saved snippets.
Fixes #33708.
2025-03-13 10:58:36 -07:00
Karl Stolley
c688c2742e compose: Refine the space occupied by the channel. 2025-03-11 13:51:25 -07:00
Apoorva Pendse
54fd02b173 compose_tooltip: Remove delay for invalid messages.
Does what 714def080f
was trying to do without the side effects.
Fixes: 714def080f
2025-03-11 09:41:22 -07:00
Karl Stolley
54b0ba0248 compose: Hold DM picker, topic marker to top recipient line. 2025-03-10 13:39:47 -07:00
Karl Stolley
e2bf50f358 compose: Share 'normal' line height on recipient row. 2025-03-06 17:05:41 -08:00
Karl Stolley
7b453770d7 compose: Shore up flex properties for uniform compose buttons. 2025-03-06 17:05:41 -08:00
Karl Stolley
c509c196e5 compose: Shore up row definitions for topic box. 2025-03-06 17:05:41 -08:00
Karl Stolley
be20d8634a compose: Correct flexbox definitions for recipient row. 2025-03-06 17:05:41 -08:00
Karl Stolley
2902843ca7 compose: Remove .less-dense-mode rule.
This style was made unnecessary as of the introduction of scrolling
compose buttons.
2025-03-06 10:58:03 -08: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
Sayam Samal
06abc0bcff saved_snippets: Improve saved snippets UI.
This commit improves the saved snippets UI through the following ways:
- Reduces the space between the saved snippet title and description for
  a more interconnected feel.
- Changes the delete icon from the old font-awesome icons to using the
  new icon button component.
- Adds line-clamping to the saved snippet description to display two
  lines of text instead of one, presenting the user with more context.
2025-03-04 10:36:15 -08:00
Karl Stolley
0ee4ab3601 compose: Correct alignment, ellipsis on general chat placeholder. 2025-02-27 13:30:09 -08:00
Prakhar Pratyush
087abb4314 composebox: Show 'Enter a topic (skip for general chat)' placeholder.
Use a more instructive placeholder instead of "Topic" when
topic is not mandatory in a realm.

Updated placeholder:
'Enter a topic (skip for general chat)'.
2025-02-26 14:03:24 -08:00
Karl Stolley
562bfd5671 compose: Handle topic-box focus and blur. 2025-02-26 13:59:03 -08:00
Karl Stolley
1bc53831c7 compose: Conditionally render placeholder for general chat. 2025-02-26 13:59:02 -08:00
Karl Stolley
81b6879464 compose: Match topic input text color to channel. 2025-02-26 13:59:02 -08:00
evykassirer
37cf88bb87 compose: Scale send button with font size. 2025-02-24 22:33:05 -08:00
Aman Agrawal
290ecba48c compose: Fix topic input box not visible for long stream names.
Since we want the width of the stream name to change responsively,
we need to use either media breakpoints or `vw` to ensure
that the stream name and topic name are visible at all widths.
2025-02-24 21:55:13 -08:00
Apoorva Pendse
b547dcd643 compose_banner: Flash only once for exceeded length.
https://chat.zulip.org/#narrow/channel/101-design/topic/invalid.20message.20border.20flashing/near/2094736
2025-02-23 23:11:18 -08:00
apoorvapendse
4b82e08b13 compose: Disable send button with a default cursor.
This commit is a pre commit to a change that will
introduce banners and tooltips as per various
unmet conditions while composing a message.

To accomodate future changes, the toggling is
switched to conditional addition/removal of the
`disabled-message-send-controls` class while
updating the status of the send button.

Also a default cursor is added and the send
area tooltips are disabled whenever the
`disabled-message-send-controls` class is
present.
2025-02-23 23:11:18 -08:00
evykassirer
c9109ef736 compose: Use em for message-limit-indicator font size. 2025-02-20 11:14:49 -08:00
evykassirer
3fccbdd369 saved snippets: Use em for width, font-size, padding. 2025-02-20 10:06:55 -08:00
Anders Kaseorg
3ead4c06f0 app_variables: Rename “color” variables that are actually gradients.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-02-19 11:01:48 -08:00
evykassirer
2eccb8b46e compose: Remove stale classname: compose_draft_button.
This was removed in 609106e2d0
but the CSS was still there, unused.
2025-02-18 21:55:45 -08:00
evykassirer
f72dbad5e6 compose: Fix em calculation errors.
Followup to  #33523.
2025-02-18 14:53:23 -08:00
evykassirer
c76a246a8a compose: Use em for sizing and position of stream typeahead icon. 2025-02-18 12:13:24 -08:00
evykassirer
fc3c755e1d compose: Scale close button with font size. 2025-02-14 16:39:48 -08:00
evykassirer
4482d0a009 compose: Use grid for enter sends choices to align radio buttons. 2025-02-04 10:43:51 -08:00
Vector73
32d131ab5a saved_snippet: Move "Create a new saved snippet" button to the bottom.
Renames "Add a new saved snippet" to "Create a new saved snippet" and
"Add saved snippet" tooltip to "Insert saved snippet".

Moves "Create a new saved snippet" button to the bottom sticky area of the
dropdown.
2025-01-30 09:46:32 -08:00