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
14ef3a5464
left_sidebar: Display dark-mode condensed unreads without alpha.
2023-11-03 09:33:06 -07:00
3f5764e5ba
navbar: Correct for alpha background on unread dot's border.
...
This is a case where the use of alpha channels in HSL color values
shows its limits.
The use of an alpha channel is necessary for the background
elements for the top navbar elements, because they sit over the
top of the navbar's bottom border (actually an inset shaddow).
However, it's impossible to use the alpha-channel based color on
elements like the unread dot, where the border actually sits on
top of the element itself--meaning that the effect would be a
larger dot with an imperceptibly darker ring around it.
What this commit does is use a technique suggested by Anders
Kaseorg for using CSS's `color-mix()` functional notation to
calculate an opaque version of the alpha color for use on
elements that do not or cannot directly take the color with
the alpha channel.
See CZO discussion:
https://chat.zulip.org/#narrow/stream/6-frontend/topic/alphas.20in.20color.20definitions/near/1670102
2023-10-30 11:25:12 -07:00
a9421f6ba0
navbar: Use new purple icon color with left-sidebar toggle.
...
This also implements the same hover and focus-visible styles
as icons on the righthand side of the navbar.
2023-10-26 10:28:02 -07:00
1f0e9b4587
sidebars: Correct display at small mobile sizes.
...
This fixes a state where the expanded left sidebar appears under
the navbar at the smallest mobile views.
It also provides a stop-gap fix for the right sidebar's USERS
heading, making it align better (but certainly not perfectly)
with the left sidebar's.
2023-10-26 10:28:02 -07:00
8ee764382b
navbar: Show left-sidebar-style unread dot on streams toggle.
2023-10-26 10:28:02 -07:00
4409663e69
navbar: Handle streams-toggle alignment with dimensions, flexbox.
2023-10-26 10:28:02 -07:00
ce804fc37a
navbar: Remove userlist unread count.
2023-10-24 13:57:27 -07:00
79acefae4c
css: Remove unused hotkey-hint style.
...
The one we use in tooltips is defined in tooltips.css.
2023-10-23 14:15:13 -07:00
8f716cd64a
help_menu: Extract help items from gear menu into a separate popover.
...
Fixes #27202
2023-10-23 14:15:13 -07:00
5dba15160d
css: Fix dark theme hover color for copy invite link.
...
Extracted colors into variables and used them inside the id to
solve the specificity issue.
2023-10-22 14:21:16 -07:00
Karl Stolley
N-Shar-ma
Aman Agrawal
Sayam Samal
evykassirer
aryan
Vector73
Anders Kaseorg
ecxtacy