Commit Graph

278 Commits

Author SHA1 Message Date
Karl Stolley
4dff3dfba6 selects: Improve concord with custom, native selects.
This commit cleans up the data URIs for the custom
chevron icons, and sets the same color as used on
select text.

Additionally, the background-image size now scales as
expected, so that browser-native <select> elements
have chevrons that much more closely resemble those
of button-based selects for our custom widgets.
2025-06-13 16:53:46 -07:00
Saubhagya Patel
a925511a11 settings: Update unmute icon in Personal settings > Notifications.
This commit contains the following changes:
- Updates the unmute stream icon in Personal settings
  > Notifications to use the `icon-button-brand` CSS class.
- Adjusts the tooltip delay for the unmute icon.
- Removes unused CSS.

Prep commit for #19860.
2025-06-11 15:08:25 -07:00
Evy Kassirer
17ce7b90d3 input_pill: Add semi-transparent border around avatar.
Fixes #34499.
2025-05-28 17:40:28 -07:00
Karl Stolley
eec8045b6b user_circles: Adjust offline circle for gray highlight. 2025-05-21 15:27:22 -07:00
Karl Stolley
70f32138df typeahead: Match active colors to dropdown items. 2025-05-21 15:27:22 -07:00
Karl Stolley
e406b7a013 user_circles: Bump offline contrast in typeahead highlight. 2025-05-21 15:27:22 -07:00
Karl Stolley
fd49c20b58 user_circles: Bump up offline-circle contrast. 2025-05-21 15:27:22 -07:00
Karl Stolley
6192341830 thumbnails: Use more muted background, high-contrast hover. 2025-05-21 15:23:24 -07:00
Sayam Samal
1732848baa buttons: Improve button outline on focus.
This commit improves the button outline on focus by changing the color
of the outline to black-on-light and white-on-dark, and tweaking the
outline width and offset.
2025-05-18 22:43:28 -07:00
Karl Stolley
a576ae9fb8 markdown: Restyle block quotes to spec. 2025-05-12 18:08:28 -07:00
Lauryn Menard
fde3e01236 demo-orgs: Use banners for org settings demo organization warning.
Migrate the demo organization warning that's shown on all the tabs
for organization settings to use the shared banner code.

Updates links in the current warning to be buttons in the banner,
and matches the navbar alert banner for demo organizations.

Fixes #34447.
2025-05-07 16:48:12 -07:00
Karl Stolley
80f101016e url_previews: Clamp title, description to two lines.
This also increases the size of the preview area's
height to accomodate two lines of both title and
description at a +2 line-height setting.
2025-04-28 16:10:13 -07:00
Sayam Samal
4dff40a5d1 banners: Fix banner grid layout for medium and small variants.
The banner grid layout for the medium and small variants has 4 rows,
while the previously described `grid-template-areas` only had the
placement information for the first 3 rows.

This commit adds the spatial description of the banner elements in the
the final row, fixing the alignment of the banner elements in the cases
where there are no action buttons and only the banner label.
2025-04-25 12:18:43 -07:00
Karl Stolley
05e4a2f6ac url_previews: Rewrite message embeds in CSS Grid. 2025-04-25 11:52:12 -07:00
Karl Stolley
1e61ec00b7 left_sidebar: Align muted unreads with correct em value.
Fixes: #34472
2025-04-24 12:25:04 -07:00
Lauryn Menard
79061c08d2 demo-orgs: Disable invite user modal before owner sets email.
Until the owner of a demo organization sets an email, the submit
button on the invite user modal is now disabled.

The input div for email addresses is also disabled, which wasn't
disabled before because it's not an input element on the form.
2025-04-24 09:48:38 -07:00
Karl Stolley
3278fc36ca variables: Correct instances of misspelled 'message'. 2025-04-16 13:17:19 -07:00
Sayam Samal
b5e41e1ca0 css: Use CSS variable for bookend and date row spacer lines. 2025-04-16 10:44:51 -07:00
Karl Stolley
162a9ce29a thumbnails: Bump contrast higher on thumbnail hovers. 2025-04-10 12:55:15 -07:00
Karl Stolley
72c89404f3 thumbnails: Audition darker borders on typical images. 2025-04-10 12:55:15 -07:00
Karl Stolley
9392a1c8a6 cleanup: Move thumbnail values to CSS variables. 2025-04-10 12:55:15 -07:00
evykassirer
a09dab5eaf settings: Calculate height of create modal through javascript.
We need this height to be flexible based on if the subheader has
overflowed into two rows or not, and our method of doing this
(with existing examples in the buddy list and stream list) is to
calculate what the height should be when a window is loaded or
resized.
2025-04-10 10:01:57 -07:00
Anders Kaseorg
819504a0e9 stylelint: Fix color-function-alias-notation.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-04-09 15:46:56 -07:00
evykassirer
1abd3332a6 settings: Replace two pane header classnames with a generic one. 2025-04-07 18:18:47 -07:00
Karl Stolley
33522543c6 dark_theme: Clean up moving bar on main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
2e8c1407ae dark_theme: Clean up action link on main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
4ccea351f4 dark_theme: Clean up info-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
8f465c9836 dark_theme: Clean up error-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
78de5c05a1 dark_theme: Clean up warning-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
c2b1c2ca5a dark_theme: Clean up success-style main-view banner. 2025-04-07 15:07:14 -07:00
Karl Stolley
30752a0011 dark_theme: Set color variables for overlays, non-empty indicators. 2025-04-04 14:04:52 -07:00
Karl Stolley
65e3d487bf dark_theme: Set color variables for compose-content border.
Note that the dark-theme color comes from the stack of selectors
that included `#compose-content`.
2025-04-04 14:04:52 -07:00
Karl Stolley
46d4f32473 dark_theme: Set color variables for plus buttons. 2025-04-04 14:04:52 -07:00
Karl Stolley
59bc431243 dark_theme: Clean up modal close button colors. 2025-04-04 14:04:52 -07:00
Karl Stolley
8f2681b05a dark_theme: Clean up .modal__footer border color. 2025-04-04 14:04:52 -07:00
Karl Stolley
c72e9bed36 dark_theme: Clean up .placeholder definitions. 2025-04-04 14:04:52 -07:00
Karl Stolley
e5a00b3163 settings_tables: Set variables for header colors. 2025-04-04 10:59:28 -07:00
Karl Stolley
465971171d rendered_markdown: Adjust content blocks for link focus ring. 2025-04-01 17:47:06 -07:00
whilstsomebody
846d771084 left_sidebar: Use opaque hover color to avoid topic bleedthrough. 2025-03-28 16:43:09 -07:00
Niloth P
2b7961f30f app_variables: Rename background color of pill containers.
Pill containers that do not use placeholders.
2025-03-28 09:58:39 -07:00
Sayam Samal
bf88426cd1 banners: Improve banner scaling with font size.
This commit converts the pixel values to em instead to make the banner
scale better with the different font sizes.
2025-03-21 20:58:45 -07:00
evykassirer
194c338b30 search: Increase min width of search pill label. 2025-03-17 17:04:28 -07:00
evykassirer
ba55ddf1d0 user_pill: Use variables for sizing and scale with font-size.
Using variables because they'll be used in the next commit
for search pills.
2025-03-17 16:56:15 -07:00
Sahil Batra
6f6059da73 personal_menu: Support changing information density settings.
This commit adds UI in personal popover menu for user to change
font-size and line-height.

Fixes part of #33186.
2025-03-10 16:07:37 -07:00
Sayam Samal
cd08c628ba alerts: Modify alert-box container to use flex layout.
This is prep commit for the alert banner redesign, which adds flex
layout to the alert-box container and modifies the animations logic to
work with the new layout.
2025-03-10 11:21:11 -07:00
Karl Stolley
370f3aa8d0 tables: Remove remaining padding on sort.
With the sort arrow icons no longer positioned absolutely, this
padding is unnecessary (icons now participate in the width).
2025-03-07 15:26:15 -08:00
Karl Stolley
0b8290f231 settings: Correct rounding on header heights. 2025-03-07 12:00:24 -08:00
Karl Stolley
a64f6e915f app_variables: Remove .more-dense-mode values.
These will be obviated by the removal of the "Compact mode" control
and logic.
2025-03-06 10:58:03 -08:00
evykassirer
cd81643f3e user_popover: Use variable for sizes in user popover menu. 2025-03-05 17:00:35 -08:00
evykassirer
7fa633faaf flatpickr: Use constant variable for font-size.
This is part of an effort to remove all pixel font sizes
from most stylesheets. We won't scale this with font size
because the flatpickr doesn't scale with font size.
2025-03-05 14:00:32 -08:00