Karl Stolley
6f4a58fe71
settings: Place and style .settings-field-label on Profile.
2024-05-03 09:51:36 -07:00
Karl Stolley
10df1c414f
settings: Simplify field-hint selector.
2024-05-03 09:51:36 -07:00
Karl Stolley
8512ea124d
settings: Add variable for field/hint bottom margin.
2024-05-03 09:51:36 -07:00
Karl Stolley
38f51683a4
settings: Improve settings-profile-user-field-hint class.
...
This slight transposition makes it read closer to the adjacent
`settings-profile-user-field` class.
2024-05-03 09:51:36 -07:00
N-Shar-ma
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
nimishmedatwal
d73a5d06c0
compose(typeahead): Remove text color change on hover.
...
Fixes #29842 .
2024-05-02 13:47:47 -07:00
Karl Stolley
165df5f1f6
message_header: Build message_header.css from zulip.css header styles.
2024-05-02 13:38:58 -07:00
Sayam Samal
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
Karl Stolley
6325ef4896
message_row: Pull message-edit selectors out of .message_row selector.
2024-05-02 13:27:02 -07:00
Karl Stolley
b5f3702de0
message_row: Pull .locally-echoed selectors out of .message_row stack.
2024-05-02 13:27:02 -07:00
Karl Stolley
c5740f101f
message_row: Pull .messagebox-content out of .message_row stack.
2024-05-02 13:27:02 -07:00
Karl Stolley
08c02ada1a
message_row: Extract and flatten .messagebox selectors.
2024-05-02 13:27:02 -07:00
Karl Stolley
0b68a1ee42
message_row: Flatten unread_marker selectors.
2024-04-30 17:35:36 -07:00
Karl Stolley
1695b8c240
unread_marker: Handle offset entirely through CSS variables.
2024-04-30 17:35:36 -07:00
N-Shar-ma
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
Karl Stolley
c5027e6bca
message_row: Assign inner .date_row span a class.
2024-04-30 12:42:41 -07:00
Karl Stolley
5ad162496c
message_row: Decouple and simplify date_row, sub-message text styles.
2024-04-30 12:42:41 -07:00
Karl Stolley
1b698eed1e
message_row: Clean up unnecessary style and comment.
2024-04-30 12:42:41 -07:00
Karl Stolley
c3c9d306f1
message_row: Clean up unused style declarations.
2024-04-30 12:42:41 -07:00
Karl Stolley
5851cdcca3
message_row: Pull .date_row out of nested selectors.
2024-04-30 12:42:41 -07:00
Karl Stolley
27ebc761e7
message_row: Place private message styles in sensible area.
2024-04-30 12:42:41 -07:00
Aman Agrawal
d79e84726a
sidebar_ui: Fix flickering of invite users button when showing sidebar.
2024-04-29 16:54:15 -07:00
N-Shar-ma
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
N-Shar-ma
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
N-Shar-ma
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
N-Shar-ma
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
Karl Stolley
10f0d5dce3
info_density: Extend Markdown-aligned space to message content area.
2024-04-26 12:41:46 -07:00
Karl Stolley
4909438f2c
info_density: Describe interelement Markdown spacing as CSS vars.
2024-04-26 12:41:46 -07:00
Sayam Samal
c3e43586c8
topic_popover: Redesign popover using the "popover-menu" tippy theme.
2024-04-26 10:35:21 -07:00
Sayam Samal
de25006c3d
stream_popover: Redesign popover using the "popover-menu" tippy theme.
2024-04-26 10:35:21 -07:00
Karl Stolley
e16f22c430
info_density: Apply base font-size to message content area.
2024-04-25 16:58:39 -07:00
Karl Stolley
d9fedd7450
info_density: Preserve legacy density behind .more-dense-mode.
2024-04-25 16:58:39 -07:00
Karl Stolley
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
Aman Agrawal
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
Karl Stolley
0ab7233ffa
reactions: Flatten selectors for showing reaction button on touchscreens.
2024-04-25 12:45:41 -07:00
Karl Stolley
3c4d1510d5
reactions: Add 5px of bottom space to reactions area with reactions.
2024-04-25 12:45:41 -07:00
Karl Stolley
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
Karl Stolley
18b86ab29e
reactions: Consolidate icon styles in reaction button.
2024-04-25 12:45:41 -07:00
Karl Stolley
9d45ecdef4
reactions: Remove unnecessary flex on reaction button.
2024-04-25 12:45:41 -07:00
Karl Stolley
d939b9aae6
reactions: Reorganize and deduplicate reaction button CSS.
2024-04-25 12:45:41 -07:00
Karl Stolley
d1b790cac1
message_row: Add variable for color on sender hover.
2024-04-25 11:57:01 -07:00
Karl Stolley
058ff15ee2
message_row: Relocate and consolidate sender-related selectors.
2024-04-25 11:57:01 -07:00
Karl Stolley
925020801d
me_messages: Correct line-height and bottom spacing.
2024-04-25 11:57:01 -07:00
Pratik
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
CIC4DA
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
CIC4DA
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
CIC4DA
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
CIC4DA
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
Karl Stolley
8f3fc9f209
message_edit: Match textarea padding, line-height to preview area.
2024-04-24 14:38:36 -07:00
Karl Stolley
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