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
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
