Karl Stolley
fb9acf8911
message_row: Establish clarifying messagebox-includes-sender class.
2024-05-03 12:34:27 -07:00
Karl Stolley
6c5085b827
message_header: Bring over control hover selectors.
2024-05-03 12:34:08 -07:00
Karl Stolley
50c744db48
left_sidebar: Apply grid to 'more conversations' DM row.
2024-05-03 12:21:59 -07:00
Karl Stolley
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
Sahil Batra
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
Sahil Batra
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
Sahil Batra
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
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