Aman Agrawal
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
Aman Agrawal
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
Karl Stolley
7baf3e5e4d
selected_message: Correctly express outline colors as variables.
2024-05-08 09:59:40 -07:00
Karl Stolley
6c5085b827
message_header: Bring over control hover selectors.
2024-05-03 12:34:08 -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
Karl Stolley
165df5f1f6
message_header: Build message_header.css from zulip.css header styles.
2024-05-02 13:38:58 -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
c3c9d306f1
message_row: Clean up unused style declarations.
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
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
0ab7233ffa
reactions: Flatten selectors for showing reaction button on touchscreens.
2024-04-25 12:45:41 -07:00
Karl Stolley
058ff15ee2
message_row: Relocate and consolidate sender-related selectors.
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
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
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
Adnan Shabbir Husain
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
Karl Stolley
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
Karl Stolley
1425d2f71f
message_body: Hyphenate message-time class.
2024-04-03 17:38:43 -07:00
Karl Stolley
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
Afonso Azaruja
e217d35ccd
link_preview: Fix extraneous shadow.
...
Fix extraneous shadow at bottom of link preview
in stream messages in dark theme, in private
messages for both themes and in mentions, group
mentions and direct mentions.
This is done by applying the same color, used
in the background, to the shadow. There are CSS
variables that hold the values of the background
color.
Fixes #28853 .
2024-04-01 13:06:42 -07:00
Aman Agrawal
bec8fccf75
right_sidebar: Hide underline from user-list toggle button in navbar.
2024-03-27 13:29:16 -07:00
Aman Agrawal
cc54a7caa8
sidebar_ui: Allow user to hide right sidebar on any screen width.
2024-03-26 11:10:04 -07:00
N-Shar-ma
9cedf0e8bc
compose: Trigger language typeahead on using code formatting button.
...
To increase the discoverability of the possibility of specifying the
language for a code block, we trigger the language typeahead when code
syntax is added using the code formatting button. A blank option is
shown preselected in the typeahead, so that pressing enter will not
mistakenly add a language to the code block.
We only trigger the typeahead on empty opening fences when added by the
button, by setting a state variable to true when adding the syntax using
the button, checking for this state when sourcing languages for the code
typeahead, and then resetting the state variable to false.
Fixes : #29150 .
2024-03-25 16:30:03 -07:00
Aman Agrawal
c3488bfe76
css: Merge common media queries.
2024-03-19 15:15:23 -07:00
Aman Agrawal
93373d1c12
css: Merge common media queries.
2024-03-19 15:15:23 -07:00
Aman Agrawal
ac77d9e42a
css: Wrap common media queries under `default-sidebar-behaviour`.
2024-03-19 15:15:23 -07:00
Aman Agrawal
1f89eec5ba
css: Move media queries in scheduled_messages to zulip.css.
2024-03-19 15:15:23 -07:00
Aman Agrawal
5f1f0f9eb0
compose: Move related media queries to zulip.css.
2024-03-19 15:15:23 -07:00
Aman Agrawal
af25709e30
css: Wrap more selectors under `.default-sidebar-behaviour`.
2024-03-19 15:15:23 -07:00
Aman Agrawal
4740485a13
css: Use better selector names for typeahead.
2024-03-19 15:15:23 -07:00
Aman Agrawal
79565b4e90
css: Remove unused properties of dropdown-menu.
...
They are always overriden by the same properties set in compose.
2024-03-19 15:15:23 -07:00
Aman Agrawal
fc48919a8b
css: Remove invalid property applied to search icon.
...
Since `.zulip-icon-search` has `position: static` which is set
by default, setting `right` here makes no difference to its
position.
2024-03-19 15:15:23 -07:00
Aman Agrawal
afe420dcd3
css: Hide left column in both navbar and app.
...
This was a regression in #29331 with no visual effects.
2024-03-19 15:15:23 -07:00
Aman Agrawal
631aa1aac5
css: Wrap CSS related to hiding columns in `default-sidebar-behaviour`.
...
We might wrap more elements in future but this this is enough for
testing that nothing breaks right now.
Use `git show -w` for the real changes.
2024-03-18 15:28:03 -07:00
Aman Agrawal
c643d0c0ae
css: Specify for columns where it is located.
...
Navbar and app share same class for sidebar, so it is important
that we specify which one we are referring to if we are not referring
to both of them.
2024-03-18 15:28:03 -07:00
Aman Agrawal
ea85e526fb
css: Specify to which `.column-middle` the styles is applied.
...
We use `#navbar-middle` and `.app-main .column-middle` specifically
to apply styles to those elements.
2024-03-18 15:28:03 -07:00
Aman Agrawal
4c6164ad49
ui_init: Remove unused dropdown menu code.
...
We migrated from bootstrap dropdown to use tippy. This change should
have been removed as part of that change.
2024-03-18 15:28:03 -07:00
Aman Agrawal
9ee11afb7e
css: Remove min-width styles on app.
...
We always want to render Zulip at maximum available width with a
max-width.
2024-03-18 15:28:03 -07:00
Aman Agrawal
df50c305ae
css: Merge media queries.
2024-03-18 15:28:03 -07:00
Aman Agrawal
341c25d087
css: Use variables for border colors in sidebars.
...
This is important step to fix a bug related to making sure css
for `.column-right` doesn't apply in navbar but only `.app-main`.
2024-03-18 15:28:03 -07:00
Karl Stolley
22b4ec09fa
css: Extract CSS variables into own file.
2024-02-15 15:50:25 -08:00
Karl Stolley
9c77300c5a
bootstrap: Remove body selectors, zero margin/padding explicitly.
2024-02-15 10:31:29 -08:00
evykassirer
49d79730b8
resize: Convert module to typescript.
2024-02-09 21:17:16 -08:00
Aman Agrawal
91073cfbe1
css: Remove stale CSS.
...
This doesn't seem to be effectively used anywhere.
2024-02-03 17:20:28 -08:00
Sahil Batra
69d0c78f1e
settings: Remove unnecessary code.
...
We do not use "#pw_change_controls" element any more as it
was removed in 2ca0fb412
.
2024-01-29 09:55:32 -08:00
Sahil Batra
6b459c0ea4
invite: Re-add bootstrap CSS rules for btn-link elements.
...
This commit re-adds the bootstrap CSS rules for the specific
btn-link elements in invite modal to zulip.css. This is part
of the bootstrap removal project.
2024-01-26 09:10:09 -08:00
vighneshbhat9945
6d6fa145cc
css: Make the height of compose buttons steady.
...
When any stream name includes some other language's letters is scrolled down in
the recent views, the height of compose-controls bar would change.
Fix this by setting a precise line-height for these elements.
Fixes : #27837 .
2024-01-25 15:16:00 -08:00
shashank-23002
dcec36b824
typeaheads: Fix mention typeaheads spill width.
...
Fixes : #27825
2024-01-15 16:17:11 -08:00
sanchi-t
446ba4d6df
message_edit: Fix cursor style on hover in edit area.
...
Fixes #3938 .
2024-01-14 15:34:28 -08:00