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
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
bec8fccf75
right_sidebar: Hide underline from user-list toggle button in navbar.
2024-03-27 13:29:16 -07:00
cc54a7caa8
sidebar_ui: Allow user to hide right sidebar on any screen width.
2024-03-26 11:10:04 -07:00
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
c3488bfe76
css: Merge common media queries.
2024-03-19 15:15:23 -07:00
93373d1c12
css: Merge common media queries.
2024-03-19 15:15:23 -07:00
ac77d9e42a
css: Wrap common media queries under `default-sidebar-behaviour`.
2024-03-19 15:15:23 -07:00
1f89eec5ba
css: Move media queries in scheduled_messages to zulip.css.
2024-03-19 15:15:23 -07:00
5f1f0f9eb0
compose: Move related media queries to zulip.css.
2024-03-19 15:15:23 -07:00
af25709e30
css: Wrap more selectors under `.default-sidebar-behaviour`.
2024-03-19 15:15:23 -07:00
4740485a13
css: Use better selector names for typeahead.
2024-03-19 15:15:23 -07:00
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
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
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
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
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
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
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
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
df50c305ae
css: Merge media queries.
2024-03-18 15:28:03 -07:00
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
22b4ec09fa
css: Extract CSS variables into own file.
2024-02-15 15:50:25 -08:00
9c77300c5a
bootstrap: Remove body selectors, zero margin/padding explicitly.
2024-02-15 10:31:29 -08:00
49d79730b8
resize: Convert module to typescript.
2024-02-09 21:17:16 -08:00
91073cfbe1
css: Remove stale CSS.
...
This doesn't seem to be effectively used anywhere.
2024-02-03 17:20:28 -08:00
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
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
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
dcec36b824
typeaheads: Fix mention typeaheads spill width.
...
Fixes : #27825
2024-01-15 16:17:11 -08:00
446ba4d6df
message_edit: Fix cursor style on hover in edit area.
...
Fixes #3938 .
2024-01-14 15:34:28 -08:00
fd559495ab
message_row: Remove unnecessary .sender-status-controls style and structure.
2024-01-11 12:53:31 -08:00
272b62138e
message_row: Remove styles and JS for nonexistant .sender-status.
2024-01-11 12:53:29 -08:00
f0f8d6a42d
message_edit: Remove styles with no associated structure.
2024-01-11 12:51:02 -08:00
fd5fe64a33
message_edit: Consolidate styles into message row CSS.
2024-01-11 12:51:02 -08:00
e3744627ac
css: Fix the color of alert word in dark theme.
...
This was incorrectly not declared as a theme-dependant color.
Fixes #28407 .
2024-01-04 10:53:14 -08:00
e3878cf64a
popovers: Add structural changes and fix CSS overlap.
...
The paragraph tag was being used along with the bold tag to style the
topic and stream in the popovers. The semantic meaning of these tags
are more specialized and should not be used in this context. Replaced
the <p> tags with the more general <div> tags and accounted for the
bold text via the `font-weight` CSS property.
The `.topic-name` class, used to style the topic/stream name in the
topic list in the left sidebar, was also being used to the style the
topic/stream name in the topic/stream popover. This lead to irrelevant
properties being applied to the popover > topic/stream name. Through
this commit, the styling for both of these different cases are now
separated using the appropriate selectors.
Fixes #27562 .
2023-12-11 12:55:25 -08:00
ca9b1060b7
navbar_dropdowns: Let menu items control the width of dropdown menus.
...
Through this commit, we set the width of the navbar dropdowns to be
equal to the longest menu item, via the min-content intrinsic sizing.
Note, that the min-content width takes into account all soft-wrapping
opportunities, which could result in the wrapping of the menu items in
many cases. To prevent this, we use the white-space property to prevent
menu items from wrapping in any case.
2023-12-11 12:25:09 -08:00
d30b00d9f2
message_edit: Fix alignment of loading spinner.
...
This commit updates the CSS to fix the alignment of loading
spinner in "Save" button and also to make sure that button's
width does not change after clicking on the button.
2023-12-11 08:30:12 -08:00
7817e358f4
markdown: Place redesigned colors and borders on code spans and blocks.
...
Prior to merging, this commit and others in the PR should be adjusted
and squashed for a cleaner history.
Co-Authored-By: Vlad Korobov <terpimost@gmail.com>
2023-12-04 13:03:34 -08:00
6d4f852dc4
markdown: Remove background colors from code blocks.
...
It appears as though we're still setting a background color,
but that is only to push back against the background set by
Pygments.
However, code blocks in mention messages get the same color
background as ordinary messages, preserving contrast on syntax
highlighting.
2023-12-04 13:03:34 -08:00
78d4232fc4
markdown: Present code spans without borders.
2023-12-04 13:03:34 -08:00
2811f2fe0f
markdown: Implement redesigned Markdown code styles.
...
Fixes a part of #22022 .
2023-12-04 13:03:34 -08:00
f1a5fffae9
markdown: Express Markdown code/pre colors as CSS vars.
...
This ensures that all colors (text, background, and border) are
explicitly declared for Markdown-rendered pre elements, even when
the colors replicate values already declared, e.g., with Pygments.
2023-12-04 13:03:34 -08:00
c3adfa2679
top_navbar: Apply current icon styles to narrow login icon.
2023-12-04 12:11:00 -08:00
d85dd6bf2b
top_navbar: Set new spectator button styles.
2023-12-04 12:11:00 -08:00
b53836de03
top_navbar: Allow spectator items to participate in flexbox.
2023-12-04 12:11:00 -08:00
0e4dfa04b3
top_navbar: Contain stream, description elements.
2023-12-03 08:40:45 -08:00
82895ff535
compose: Update icons for formatting buttons.
...
Also made the buttons bigger, and updated breakpoints accordingly.
Fixes : #27845 .
2023-12-01 13:51:39 -08:00
7834748dd7
css: Fix modal exit button colors not working on billing pages.
...
This was due to color variables not being accessible as `zulip.css`
is not a file we import on billing page.
2023-11-29 21:46:13 -08:00
3c5ea3895f
left_sidebar: Place a dark-mode color for masked unreads.
2023-11-29 13:33:19 -08:00
def4cf7f93
uploads: Extend drag and drop upload area to blank areas after sidebars.
...
To extend the drag and drop upload area to blank areas after sidebars,
we now detect the drag/drop event on the entire ".app" division.
We also change replace `width` and `height` css properties with
`min-width` and `min-height` properties respectively, to make sure
that the ".app" div spans the entire width and height of the viewport.
Fixes : #27550 .
2023-11-29 10:35:18 -08:00
b68cb5b049
navbar: Show shorter navbar for short screens not narrow screens.
...
Fixes #27366 .
2023-11-28 18:11:56 -08:00
e158877365
spectator sign in buttons: Use media queries instead of hide-xl.
2023-11-28 18:11:56 -08:00
c55eaf2bec
css: Set tippy-arrow color same as background in light theme.
2023-11-23 10:33:23 -08:00
1e4f938d82
css: Reduce specificity of `dropdown-list-item-common-styles`.
...
This helps override CSS for it more easily.
2023-11-22 23:38:52 -08:00
33b164f63a
left_sidebar: Remove padding from streams header in narrow windows.
2023-11-21 09:16:43 -08:00
295b4fc337
message_feed: Size visibility policy icons the same as others.
2023-11-18 05:35:06 -08:00
3e4f7108a0
message_feed: Vertically align link icon in recipient bar.
2023-11-18 05:35:06 -08:00
fa8504fffb
top_navbar: Space navbar title with padding only.
2023-11-17 17:28:54 -08:00
cabbff73fd
top_navbar: Properly align icons horizontally and vertically.
...
This adds 3px of margin where previously whitespace separated the
icon from the title.
2023-11-17 17:28:54 -08:00
6d452dbe6e
top_navbar: Extend new flex-based styles to navbar titles.
2023-11-17 17:28:54 -08:00
6271f4d6ba
top_navbar: Use flexbox to align icon, stream name, and description.
2023-11-17 17:28:54 -08:00
000299a323
top_navbar: Consolidate selectors, replicate styles.
2023-11-17 17:28:54 -08:00
1337b60738
top_navbar: Remove unecessary styles and vertical padding.
2023-11-17 17:28:54 -08:00
d707f10bb2
message_view_header: Remove subscribers count from the top bar.
...
Removed the sub_count element along with its styles and dependent
functions.
Fixes #27361 .
2023-11-17 17:28:54 -08:00
95fdf82a53
style: Fix overflow of text.
...
Fixes : #27282
2023-11-17 10:33:42 -08:00
6fe49f93ad
reactions: Redesign reaction button colors and style.
...
See CZO discussion:
https://chat.zulip.org/#narrow/stream/9-issues/topic/Reactions.20background.20color/near/1632171
Also:
https://github.com/zulip/zulip/pull/26580#issuecomment-1705734770
Co-Authored-By: Vlad Korobov <terpimost@gmail.com>
2023-11-15 14:02:45 -06:00
534683a3ff
reactions: Express reaction button colors as CSS vars.
2023-11-15 14:02:45 -06:00
474dcf60a2
reactions: Unify stream and DM colors, express as CSS vars.
2023-11-15 14:02:45 -06:00
a929220d3c
message_edit: Add styles for Save and Cancel buttons.
2023-11-15 10:41:51 -08:00
8bc12a4ee2
modal_buttons: Make exit button colors in to CSS variables.
2023-11-15 10:41:51 -08:00
f1a79085eb
message_edit: Build basic multi-line layout for message editing.
2023-11-15 10:41:51 -08:00
6890c9d171
left_sidebar: Place unread count right of All DMs icon.
...
Also set a CSS variable for header-icon widths in the left sidebar.
Fixes : #27559
2023-11-15 10:07:04 -08:00
5bedbb14b4
compose_box: Rename message-control-button to send-control-button.
2023-11-14 09:21:11 -08:00
71468492b7
compose_box: Restore purple color to Send button.
2023-11-13 12:45:13 -08:00
609106e2d0
compose_box: Implement redesigned vdots-button styles.
2023-11-13 12:45:13 -08:00
bf0e806fed
compose_box: Implement redesigned send-button styles.
2023-11-13 12:45:13 -08:00
69d59acc5a
inbox: Focus currently selected option in dropdown.
2023-11-10 10:22:18 -08:00
f191efce1b
inbox: Add dropdown to filter topics.
...
Fixes #27522
Replace `Include muted` checkbox with a dropdown to filter displayed
topics.
Also, adds a new filter to display only followed topics.
2023-11-10 10:22:18 -08:00
3f36c52f41
sidebars: Structurally separate left- and right-sidebar headings.
2023-11-09 17:39:26 -08:00
ee32654723
sidebars: Express heading colors as CSS variables.
2023-11-09 17:39:26 -08:00
9b83dc1b79
stylelint: Fix declaration-block-no-redundant-longhand-properties.
...
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-11-08 16:11:15 -08:00
66276d88ef
personal_menu: Add different colors for status text.
2023-11-08 10:19:24 -08:00
f2deb8da46
settings-ui: Change `<select>` style using custom chevron-down icon.
...
Align the `dropdown-widget` and `<select>` UIs.
Removed default `<select>` tag styles with `appearance: none` css.
Added custom chevron-down icon with `background-image` attribute
to the `<select>` tag.
The svg icon is used in a CSS variable with a data URI.
The CSS variable is used to set different colors for dark and light
theme.
Tweaked by tabbott to scope selectors appropriately and also delete a
10px font-size in one settings dropdown widget.
Fixes #26859 .
2023-11-07 16:55:34 -08:00
a2ae715226
left_sidebar: Align no-alpha variable for light mode unreads.
2023-11-04 12:50:46 -07:00
Karl Stolley
Aman Agrawal
N-Shar-ma
Pratik
CIC4DA
Adnan Shabbir Husain
Afonso Azaruja
evykassirer
Sahil Batra
vighneshbhat9945
shashank-23002
sanchi-t
Joydeep Bhattacharjee
Sayam Samal
aryan
Vector73
Anders Kaseorg
ecxtacy