2f4988c67c
left_sidebar: Correct vertical alignment on 'more conversations.'
2024-05-06 09:54:36 -07:00
fb9acf8911
message_row: Establish clarifying messagebox-includes-sender class.
2024-05-03 12:34:27 -07:00
6c5085b827
message_header: Bring over control hover selectors.
2024-05-03 12:34:08 -07:00
50c744db48
left_sidebar: Apply grid to 'more conversations' DM row.
2024-05-03 12:21:59 -07:00
7e2811d633
message_view_header: Extract styles to own file.
...
This has the added value of being named in parallel with
web/src/message_view_header.ts
2024-05-03 11:12:55 -07:00
a37deb9fbc
settings: Use settings-field-label class in language widget label.
...
We now use "settings-field-label" class in the label of language
selection widget instead of "title" class to add the bottom margin.
2024-05-03 09:51:36 -07:00
62d2b93079
settings: Remove dropdown-title class.
...
We now use "settings-field-label" and "modal-field-label"
class on label elements in settings and modals respectively
to add the bottom margin which was previously done by
"dropdown-title" class as it is better to have more
generic names to use on label for all type of inputs.
2024-05-03 09:51:36 -07:00
040486776c
modals: Add bottom margin to label elements.
...
This commit adds bottom margin to label elements of
different inputs by adding "modal-field-label" class
to the label elements. Some of them already have the
margin due to having dropdown-title class.
2024-05-03 09:51:36 -07:00
6f4a58fe71
settings: Place and style .settings-field-label on Profile.
2024-05-03 09:51:36 -07:00
10df1c414f
settings: Simplify field-hint selector.
2024-05-03 09:51:36 -07:00
8512ea124d
settings: Add variable for field/hint bottom margin.
2024-05-03 09:51:36 -07:00
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
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
Karl Stolley
Sahil Batra
N-Shar-ma
nimishmedatwal
Sayam Samal
Aman Agrawal