b432b269ee
refactor: Make compose size related variables & functions more specific.
...
We divide functionality into that for "full_size" and "expanded", which
are identical for now.
This is a prep commit for adding an intermediate expanded screen size.
2024-06-26 16:36:52 -07:00
5f956cd369
typeahead: Change background of active elements.
2024-06-26 16:31:28 -07:00
a8eff69fc2
typeaheads: Reduce left padding for all elements.
...
This required taking special care of typeaheads with user circle
and making sure long typeaheads wrap correctly.
2024-06-26 16:30:26 -07:00
52ac602acb
typeahead: Make them look like dropdown widget.
...
This attempts to change background color and text color of typeaheads
to be same as dropdown widgets we have in the app.
2024-06-26 16:26:31 -07:00
4bde1586e4
topic_name: Fix compressing of display topic names.
...
Fixes part of #30478 .
2024-06-26 12:23:32 -07:00
b519344dd9
message_controls: Remove unreachable read-receipt styles.
2024-06-26 12:00:21 -07:00
c0837a6d20
status_emoji: Allow status emoji to scale with text.
2024-06-26 10:02:13 -07:00
818094f81d
user_circles: Set user circles to scale with text.
2024-06-26 10:01:24 -07:00
89a3c290db
narrow: Expand informative text in empty mentioned messages view.
...
Limits the width of the empty message notice to 600px so that this
longer and more descriptive text is similar to the width of the
empty header text.
2024-06-25 14:11:42 -07:00
5cd4a8c8e5
pills: Express pill-container spacing on base class.
2024-06-23 22:00:18 -07:00
2d79ce2e93
invite: Replace stream checkboxes list with stream pills.
...
Introduce an input field with typeahead functionality, initially
populated with the default streams for the organization.
Fixes #26871 .
2024-06-22 20:04:28 -07:00
32b4aa0883
navbar: Remove empty space to the left and right.
2024-06-20 16:11:19 -07:00
cdbc20d304
invite-user-modal: Remove duplicate CSS rules.
...
Removes some CSS rules used in the invite user modal that were
already being applied via the shared `modal_select` class.
Co-authored-by: Lauryn Menard <lauryn@zulip.com>
2024-06-20 12:26:29 -07:00
43eebbf9c6
scroll: Set tabIndex to -1 for simplebar content wrapper.
...
Fixes #30403 .
Having tabIndex set to 0 led to keyboard focus being put on
a scrollbar container, which led to users having to tab twice
to skip a container.
This commit also removes instances of tabIndex being set to
-1 programatically for certain cases, since it is -1 by default now.
This commit also removes `outline: none` for simplebar since
that property is not needed anymore because the wrapper is
not focusable anymore.
2024-06-20 10:25:51 -07:00
00c56a65ed
navbar: Rename realm-logo to realm-navbar-wide-logo.
2024-06-18 09:38:51 -07:00
7ddf7a96dc
navbar: Show realm icon logo instead of full logo on narrow widths.
...
When left sidebar is hidden between 1200px and 768px, we show
smaller realm icon logo instead of the full realm logo. Also,
we use the new space to expand the middle column to better show
the narrow description.
2024-06-18 09:38:51 -07:00
406e9b89d0
css: Fix navbar logo misaligned on small heights.
2024-06-18 09:38:51 -07:00
40e548ef5b
left_sidebar: Redesign starred messages popover.
...
Fixes part of #28699 .
2024-06-17 18:32:57 -07:00
c5b8255d42
navbar: Move left sidebar toggle icon to left of org logo.
...
Make the org logo smaller and moves the left sidebar toggle icon
to the left of the logo.
2024-06-11 12:42:42 -07:00
043e0311d2
css: Expand to occupy left sidebar space if available on narrow widths.
2024-06-11 12:42:42 -07:00
8aafb72e18
css: Let middle column expand to full width in fluid layout.
...
When left / right sidebar are hidden, we let middle column to take
up the extra space.
2024-06-11 12:42:42 -07:00
80cc699f42
css: Fix left sidebar toggle button misaligned on small window height.
2024-06-11 12:42:42 -07:00
96dac9ece9
navbar: Add button to toggle left sidebar.
2024-06-11 12:42:42 -07:00
c531631ecf
navbar: Rename left sidebar toggle button unread count indicator.
...
Renamed to match the name with the wrapper element and used class
so that we can apply same CSS to other buttons.
2024-06-11 12:42:42 -07:00
9fec1f69ed
navbar: Rename left sidebar toggle button.
...
This name better describes what the button does and using a class
helps us use it's CSS and events for other buttons.
2024-06-11 12:42:42 -07:00
dc60317dad
info_density: Set calculated font-size on body.
2024-06-07 11:18:52 -07:00
371cd0da6c
recent_view: Use html as scroll container.
...
Fixes #17933 , #27517
Instead of `recent_view_table`, we make `html` as our scroll container.
This fixes an important bug for us where filters sometimes disappear
due to them scrolling under navbar which is unexpected. Since we are
now using separate containers to display rows and
filter (while includes table headers), where filters use sticky
positioning, this bug will be fixed.
2024-06-07 10:17:10 -07:00
1d7e0367b8
right_sidebar: Establish inner grid on selectable_sidebar_block.
2024-06-06 17:08:13 -07:00
3d04f7dbda
info_density: Set a minimum line-height on body.
2024-05-31 15:18:06 -07:00
5e347e971d
invite: Remove code for old UI.
...
We still had some code in invite.ts for the textarea element
which was replaced by pill container, so this commit removes
that code.
This commit also removes the CSS for textarea and radion buttons
which are no longer present in the UI.
2024-05-25 17:48:48 -07:00
80d19fe15d
css: Fix theme switch changing color of elements at different intervals.
...
Due to these transitions the theme switch from dark <-> light was
not pleasant as the background color and color changed at different
intervals.
2024-05-13 13:21:10 -07:00
4e87f35c7d
typeahead: Use tippy to position typeaheads without a specified parent.
...
Except for search typeaheads which have a specific parent container,
we position typeaheads using tippy.
2024-05-08 10:05:27 -07:00
7baf3e5e4d
selected_message: Correctly express outline colors as variables.
2024-05-08 09:59:40 -07:00
6c5085b827
message_header: Bring over control hover selectors.
2024-05-03 12:34:08 -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
165df5f1f6
message_header: Build message_header.css from zulip.css header styles.
2024-05-02 13:38:58 -07:00
5ad162496c
message_row: Decouple and simplify date_row, sub-message text styles.
2024-04-30 12:42:41 -07:00
c3c9d306f1
message_row: Clean up unused style declarations.
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
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
0ab7233ffa
reactions: Flatten selectors for showing reaction button on touchscreens.
2024-04-25 12:45:41 -07:00
058ff15ee2
message_row: Relocate and consolidate sender-related selectors.
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
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
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
9aa6bbcee0
modal: Fix invite link overflow in mobile view.
...
Added a flex div into the copy invite link dialog box.
Fixes #29524 .
2024-04-22 10:48:31 -07:00
82d0eec0bc
timestamps: Consolidate and simplify message-time properties.
...
This is better form, and also sets things up to render sample
timestamps for calculating their max width.
2024-04-03 17:38:43 -07:00
1425d2f71f
message_body: Hyphenate message-time class.
2024-04-03 17:38:43 -07:00
c25975642a
message_body: Remove status-time references.
...
The `.status-time` class was used only for setting a `top` value,
but that's made moot by the use of grid in the message area.
2024-04-03 17:38:43 -07:00
N-Shar-ma
Aman Agrawal
adnan-td
Karl Stolley
Lauryn Menard
sanchi-t
Ujjawal Modi
Shubham Padia
Sayam Samal
Sahil Batra
Pratik
CIC4DA
Adnan Shabbir Husain