1ba3cda229
compose: Refactor recipient area to use grid layout instead of flexbox.
...
This is a prep commit for moving the narrow to compose recipients button
before the input, and also aids in the overall compose area redesign.
2024-05-02 14:28:04 -07:00
d73a5d06c0
compose(typeahead): Remove text color change on hover.
...
Fixes #29842 .
2024-05-02 13:47:47 -07:00
165df5f1f6
message_header: Build message_header.css from zulip.css header styles.
2024-05-02 13:38:58 -07:00
4394e87ef1
popovers: Move from global popover min-width to per-popover basis.
...
This removes the common min-width being used across all popovers and
instead sets the min-width according to a popover's requirements.
This allows for greater control over the popovers since we have a
variety of use cases for them — which a single common min-width cannot
accommodate.
2024-05-02 13:31:37 -07:00
6325ef4896
message_row: Pull message-edit selectors out of .message_row selector.
2024-05-02 13:27:02 -07:00
b5f3702de0
message_row: Pull .locally-echoed selectors out of .message_row stack.
2024-05-02 13:27:02 -07:00
c5740f101f
message_row: Pull .messagebox-content out of .message_row stack.
2024-05-02 13:27:02 -07:00
08c02ada1a
message_row: Extract and flatten .messagebox selectors.
2024-05-02 13:27:02 -07:00
0b68a1ee42
message_row: Flatten unread_marker selectors.
2024-04-30 17:35:36 -07:00
1695b8c240
unread_marker: Handle offset entirely through CSS variables.
2024-04-30 17:35:36 -07:00
bfbf4f6f68
compose: Redesign limit indicator to show remaining characters count.
...
Additionally, the text colors have been updated for both light and dark
themes, it starts showing when 900 or less characters are left, as 999
was too soon, and has a tooltip to show the maximum characters limit.
Fixes : #28706 .
2024-04-30 14:16:10 -07:00
c5027e6bca
message_row: Assign inner .date_row span a class.
2024-04-30 12:42:41 -07:00
5ad162496c
message_row: Decouple and simplify date_row, sub-message text styles.
2024-04-30 12:42:41 -07:00
1b698eed1e
message_row: Clean up unnecessary style and comment.
2024-04-30 12:42:41 -07:00
c3c9d306f1
message_row: Clean up unused style declarations.
2024-04-30 12:42:41 -07:00
5851cdcca3
message_row: Pull .date_row out of nested selectors.
2024-04-30 12:42:41 -07:00
27ebc761e7
message_row: Place private message styles in sensible area.
2024-04-30 12:42:41 -07:00
d79e84726a
sidebar_ui: Fix flickering of invite users button when showing sidebar.
2024-04-29 16:54:15 -07:00
7104c06459
css: Make all modal buttons half opaque when disabled, instead of grey.
...
Earlier, the primary modal button always turned grey on being disabled,
while other modal buttons remained as is in light mode, and grey in dark
mode. Now the styling is made consistent across all modal buttons, by
giving them all 50% opacity when disabled.
2024-04-28 10:38:58 -07:00
6ee0825022
css: Make message send / save buttons half opaque when disabled.
...
So far, the Send buttons area would turn grey when the message could not
be sent. The Save button when editing a message would also turn grey
when the message could not be edited anymore. Now we simply make the
buttons half opaque instead of turning them grey in a disabled state.
2024-04-28 10:38:58 -07:00
528e7e4a0e
css: Redesign exit / close buttons.
...
We change the background colors for the close / cancel / exit buttons
in modals and messages (when editing them or viewing their source). The
border is also removed for those buttons in messages.
2024-04-28 10:38:58 -07:00
09be97c584
message_edit: Show message source in full opacity.
...
When viewing the source of a message when not editable, the opacity of
the read-only textarea would be reduced to 0.5, like for any other read-
only textarea in dark mode. This was unnecessary for viewing message
source, so the opacity for this case is now set to 1.
Fixes : #28701 .
2024-04-28 10:38:58 -07:00
10f0d5dce3
info_density: Extend Markdown-aligned space to message content area.
2024-04-26 12:41:46 -07:00
4909438f2c
info_density: Describe interelement Markdown spacing as CSS vars.
2024-04-26 12:41:46 -07:00
c3e43586c8
topic_popover: Redesign popover using the "popover-menu" tippy theme.
2024-04-26 10:35:21 -07:00
de25006c3d
stream_popover: Redesign popover using the "popover-menu" tippy theme.
2024-04-26 10:35:21 -07:00
e16f22c430
info_density: Apply base font-size to message content area.
2024-04-25 16:58:39 -07:00
d9fedd7450
info_density: Preserve legacy density behind .more-dense-mode.
2024-04-25 16:58:39 -07:00
2763be8977
info_density: Correct legacy line height and apply to message box.
...
This fixes an incorrect value as noted by Anders Kaseorg on #29569 .
2024-04-25 16:58:39 -07:00
263d1ae38e
demo_request: Add form for user to request a demo.
...
This sends an email to us after user fills out and sends the form.
2024-04-25 13:09:05 -07:00
0ab7233ffa
reactions: Flatten selectors for showing reaction button on touchscreens.
2024-04-25 12:45:41 -07:00
3c4d1510d5
reactions: Add 5px of bottom space to reactions area with reactions.
2024-04-25 12:45:41 -07:00
c1c9db4955
reactions: Correctly size reaction-button content.
...
Matching the `line-height` on + with the height of the smiley icon
ensures proper vertical centering.
2024-04-25 12:45:41 -07:00
18b86ab29e
reactions: Consolidate icon styles in reaction button.
2024-04-25 12:45:41 -07:00
9d45ecdef4
reactions: Remove unnecessary flex on reaction button.
2024-04-25 12:45:41 -07:00
d939b9aae6
reactions: Reorganize and deduplicate reaction button CSS.
2024-04-25 12:45:41 -07:00
d1b790cac1
message_row: Add variable for color on sender hover.
2024-04-25 11:57:01 -07:00
058ff15ee2
message_row: Relocate and consolidate sender-related selectors.
2024-04-25 11:57:01 -07:00
925020801d
me_messages: Correct line-height and bottom spacing.
2024-04-25 11:57:01 -07:00
07fbbcd142
css: Allow reaction button to be visible in message box.
...
It enables the reaction button to become visible when clicking on a
message-box in a mobile view.
Fixes #29529 .
2024-04-24 17:41:34 -07:00
4e5ab739d0
group_pill: Change the groups icon to zulip-triple-user-icons.
...
Fixes: zulip#28756
In this commit, we are changing the icon for group_pill from fontawesome group to triple-users-icon.
2024-04-24 17:37:38 -07:00
d7b9c2c21c
typehead_list_item: Change the groups icon to zulip-triple-user-icon.
...
Fixes: zulip#28756
In this commit, we are changing the icon for groups in typehead from fontawesome-group to triple-user-icon.
2024-04-24 17:37:38 -07:00
ff41a95f5f
user_group_info_popover: Add the zulip-triple-user-icon.
...
Fixes: zulip#28756
In this commit, we are adding a triple-user-icon in front of the group's name in the user_info_group_popover.
2024-04-24 17:37:38 -07:00
3745e44963
navbar: Change the user list menu (narrow) to user-list.svg.
...
Fixes: zulip#28756
In this commit, we are changing the user list menu icon(narrow screen) from triple-users to user-list.
2024-04-24 17:37:38 -07:00
8f3fc9f209
message_edit: Match textarea padding, line-height to preview area.
2024-04-24 14:38:36 -07:00
48b896b752
message_edit: Zero out browser-default top margin.
...
This prevents a vertical shift when toggling between editing and
previewing a message.
2024-04-24 14:38:36 -07:00
a94cdd99d2
message_edit: Consolidate textarea styles under .message_edit_content.
2024-04-24 14:38:36 -07:00
d7f9f8333e
web-stream-settings: Update strings for stream rename channel.
...
Updates a chunk of translated strings that overlap between files,
with the streams settings overlay being the starting point for
finding these strings, to use channel instead of stream.
Part of stream to channel rename project.
2024-04-24 14:35:04 -07:00
bb5db2cc4b
message_row: Replace sender-line margins with grid-coordinated line height.
...
This expresses the height of the message row without need of
margical margins.
Extending the correct line-height to timestamps also means that
single-line messages will be the height of their combined content
and padding, and not erroneously held open by an oversize 28px
timestamp line-height.
Those corrections mean, too, that .message-time only needs to have
its line-height declared a single place, regardless of context.
2024-04-22 14:17:39 -07:00
3c5adfe440
message_row: Introduce CSS variable for vertical margin.
2024-04-22 14:17:39 -07:00
N-Shar-ma
nimishmedatwal
Karl Stolley
Sayam Samal
Aman Agrawal
Pratik
CIC4DA
Lauryn Menard