Commit Graph

298 Commits

Author SHA1 Message Date
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
evykassirer
ddd14a3dc1 buddy_list: Use different spacing for avatar and non-avatar text.
This ensures the link and empty list "None" message text is always
aligned with the text of the user's names.
2025-03-03 17:33:48 -08:00
evykassirer
7a3aa1f920 right_sidebar: Extend sidebar links hover outline left, to full width. 2025-03-03 17:33:48 -08:00
evykassirer
0568f9eb1b right_sidebar: Use variable for avatar right margin. 2025-03-03 17:33:48 -08:00
Karl Stolley
060b57470f right_sidebar: Make width easier to reason about. 2025-03-03 16:03:54 -08:00
Karl Stolley
17629c0f9c right_sidebar: Introduce the right sidebar with a narrower width. 2025-03-03 16:03:54 -08:00
Karl Stolley
1dad4dcdf7 app_layout: Calculate max-width using variablized values. 2025-03-03 16:03:54 -08:00
Aman Agrawal
b60ac90714 fluid_layout: Fix narrow description not aligned with content.
Fixes #30619

We adjust the left margin of middle column to place the header middle
column next the left sidebar to fix the alignment issue.
2025-03-03 16:03:54 -08:00
Aman Agrawal
a3d591b337 css: Extract realm logo max width as a variable. 2025-03-03 16:03:54 -08:00
Karl Stolley
390ab9d7c5 sidebar_vdots: Scale vdots areas to maintain square target. 2025-02-27 11:37:05 -08:00
Karl Stolley
ecbcfd23d5 right_sidebar: Perfectly align all right-sidebar vdots. 2025-02-27 11:37:05 -08:00
Karl Stolley
5b28684a72 right_sidebar: Improve available space in buddy list. 2025-02-27 11:37:05 -08:00
Anders Kaseorg
c71aeae34d dependencies: Upgrade JavaScript dependencies.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-02-26 16:20:47 -08:00
Karl Stolley
c1e86a9144 navbar: Remove realm navbar icon logo. 2025-02-26 15:52:49 -08:00
Karl Stolley
34cd1e2c27 right_sidebar: Better handle manually hidden right sidebar.
With the larger, flexibly sized right sidebar, we want to allow
for the middle column to expand to fill its place even outside of
the "Use full width on wide screens" setting.
2025-02-26 15:52:24 -08:00
Karl Stolley
c2cf7ef571 right_sidebar: Set em-based min and max width, flexible column width. 2025-02-26 15:52:24 -08:00
Shubham Padia
4da8cf35bf right_sidebar: Rename to right column wherever applicable.
In our css variables, we were using sidebar and column interchangably.
But, sidebar is 10px less wider than the column. This commit makes no
behaviour change, but renames variables to use column where necessary
and uses variable for sidebar instead of a fixed 240px value.
2025-02-26 15:52:23 -08:00
Karl Stolley
bd94e3a932 user_circles: Improve gradients in light mode and over avatars. 2025-02-24 18:18:16 -08:00
Karl Stolley
28d785c133 user_circles: Introduce Vlad's new color schemes. 2025-02-24 18:18:16 -08:00
Anders Kaseorg
3ead4c06f0 app_variables: Rename “color” variables that are actually gradients.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-02-19 11:01:48 -08:00
Anders Kaseorg
320c7a04ba app_variables: Fix light-dark() conversion of gradients.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-02-19 11:01:48 -08:00
Maneesh Shukla
a98135649f deactivated_user: Show deactivated status for deactivated users.
Fixes: #26833.
2025-02-18 22:20:05 -08:00
Anders Kaseorg
b5b2d1e364 app_variables: Use CSS light-dark().
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark
https://www.npmjs.com/package/@csstools/postcss-light-dark-function

Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-02-18 16:23:03 -08:00
Anders Kaseorg
4cbcc891db app_variables: Remove dead variables.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2025-02-18 16:23:03 -08:00
evykassirer
c872bea5e8 modals: Use consistent width for input and dropdown elements. 2025-02-13 16:09:04 -08:00
evykassirer
ee3660ae19 settings: Use new icon for plus (stream/usergroup) button. 2025-02-12 16:03:44 -08:00
evykassirer
2ccf9147bd inbox: Remove background on exit button hover. 2025-02-12 12:16:14 -08:00
evykassirer
753edc4b1a navbar: Scale navbar with app font size, using em. 2025-02-05 12:33:50 -08:00
evykassirer
23b29bf283 settings: Move settings-sidebar-width to app_variables. 2025-02-04 10:43:10 -08:00
evykassirer
7da8dfcced settings: Use em for header instead of px. 2025-02-04 10:43:10 -08:00
evykassirer
cc88bcdf2a settings overlay: Use shared variable for subheader height. 2025-02-04 10:43:10 -08:00