Commit Graph

128 Commits

Author SHA1 Message Date
evykassirer
c1c321fd34 settings: Scale zulip icons with font size. 2025-02-25 13:16:07 -08:00
evykassirer
63fe461bb4 subscriptions: Align header icon with flex.
This will help with keeping the icon centered when we update
it to change size with font-size settings.

This CSS technically also applies to user groups but I don't
think there are any icons used there.
2025-02-25 13:16:07 -08:00
evykassirer
77c4de0cb2 settings: Remove dead CSS for globe icon.
Any globe icon that matches this rule gets font-size
from .large-icon .zulip-icon above, so this font-size
is never used.
2025-02-25 13:16:07 -08:00
evykassirer
cc60fed749 stream_settings: Fix height of right pane for two-row header. 2025-02-21 10:12:19 -08:00
evykassirer
6905180976 settings: Standardize height of dropdown menu. 2025-02-13 16:09:04 -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
Prakhar Pratyush
1aa048df35 channel_email: Make sender configurable when generating channel email.
Earlier, it was not possible to configure the user that the forwarded
email will be sent by.

This commit updates the 'Generate channel email address' modal to
make sender configurable when generating channel email.

Fixes #31566.
2025-02-12 15:08:32 -08:00
evykassirer
92358f4793 stream/usergroup settings: Use em for exit button spacing. 2025-02-12 12:18:36 -08:00
evykassirer
6abc61f91a subscription settings: Collapse header into two rows at narrower screens.
This commit also fixes #29514 by adjusting the height of the
stream list based on which state (one row header or two row
header) is being displayed.
2025-02-11 14:58:17 -08:00
evykassirer
020e8d9403 subscription settings: Use em for width and height of channel color. 2025-02-11 14:56:35 -08:00
evykassirer
725d0e2d47 subscriptions: Use em to center permissions radio buttons. 2025-02-07 09:12:40 -08:00
evykassirer
9bf2a8e317 settings: Change modal sidebar collapse breakpoint to use em and @container.
This applies to the main settings overlay, the stream/subscription
settings overlay, and user group settings overlay.

@container is necessary because @media queries convert em values
using the browser-wide font size, so it won't change properly at
the user-defined app-wide font size.
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
evykassirer
43b90dd6db settings: Use flexbox for settings overlay headers.
This affects the user groups and subscriptons overlays
more specifically.
2025-02-04 10:43:10 -08:00
evykassirer
ef02dc093e settings/subscriptions: Use shared variable for header height. 2025-02-04 10:43:10 -08:00
Sahil Batra
071037c55d settings: Show assigned stream permissions in group permissions panel. 2025-01-27 15:32:15 -08:00
Sahil Batra
893cdc8069 settings: Show realm permissions that group has in permissions panel. 2025-01-27 15:32:15 -08:00
Sayam Samal
c8de1debf8 stream_color: Remove spectrum-colorpicker library.
As a follow-up to the previous commit which replaces the spectrum color
picker instances with the custom color picker popover, this commit
removes the spectrum-colorpicker library and its related code from the
codebase.
2025-01-07 17:27:58 -08:00
Sayam Samal
6557cd74cd stream_color: Replace spectrum color picker with native color picker.
This commit replaces the spectrum color picker used in the stream
popover and stream settings with a custom color picker popover, which
contains a grid of predefined color swatches and a custom color option.

The custom color option uses the HTML5 <input type="color"> which shows
the native browser color picker UI.

Fixes #14961.
2025-01-07 17:27:23 -08:00
Harsh
8bb53d39ea Hide clear search button if search box is empty. 2025-01-07 17:22:47 -08:00
Harsh
4bf1ce7c5e settings: Use 'zulip-icon-close' instead of 'fa-remove' in search box.
fixes #32598
2025-01-07 17:22:47 -08:00
Sahil Batra
bbf43a2866 stream-settings: Use new "can_send_message_group" setting. 2025-01-07 12:17:36 -08:00
Shubham Padia
01793b0de3 subscriptions: Set width for fa-pencil icon to align with others.
This icon is narrower in width, we have to explicitly set it's width
to 1em so that it vertically aligns with other buttons near it.
2025-01-06 09:48:28 -08:00
Shubham Padia
333b3904b5 user_group_settings: Use user-group-x icon for deactivate button. 2025-01-06 09:48:28 -08:00
Karl Stolley
a58e4d7be6 channel_descriptions: Hyphenate long words in lieu of arbitrary breaks. 2024-12-18 13:18:14 -08:00
Karl Stolley
52968f3729 subscriptions: Correct alignment of privacy icon. 2024-12-18 12:23:28 -08:00
Sahil Batra
f4cbdd8c9c css: Remove unnecessary CSS for ".clear_search_button".
We can remove some of the CSS properties for
".clear_search_button" selectors because they
were being overridden by CSS set using more
specific selectors or by CSS set using
".bootstrap-btn" selector.

As a result, we can remove some the overriding
CSS as well where they were being used to set
default values.
2024-12-10 09:47:01 -08:00
Sahil Batra
1555e99abe settings: Use grid layout for search in stream and groups UI.
This commit updates the search input to in stream and groups
UI to use grid layout. This also helps in fixing the alignment
of the "x" button.
2024-12-10 09:47:01 -08:00
Shubham Padia
0575db3ab6 css: Use --color-active-row-modal for settings overlay active rows.
This fixes a bug introduced in f40e1e9ad0
We changed the settings overlay container background color in that
commit, from hsl(0deg 0% 98%) to #ededed. #ededed is same as
hsl(0deg 0% 93%). The latter is the exact same color for stream and
group row active background. While we changed the settings overlay
background color, we did not change the active row color for stream and
group rows.
Fixes https://chat.zulip.org/#narrow/channel/9-issues/topic/Lack.20of.20highlighting.20of.20selected.20group.2E/near/1993630
2024-12-05 10:36:34 -08:00
Shubham Padia
bf73e1711d user_group: Disable leave checkmark if user isn't a direct member.
If the user is not a direct member, but a member via a subgroup, we will
show the list of subgroups beloging to that group which the current user
is a direct member of in a tooltip. The cursor on the checkmark will be
default in this case instead of a pointer.
2024-12-02 17:59:18 -08:00
Sahil Batra
ba48e01064 settings: Make the empty panel text darker in light theme.
Text shown for empty left and right panels in stream and group
settings UI was too faded in light theme, so we make the text
a little darker.

Fixes #32212.
2024-11-26 15:10:55 -08:00
Shubham Padia
cccf1eacb1 groups: Restrict creating groups to non limited plans. 2024-11-22 13:42:59 -08:00
joseph
f1da8a9151 settings: Fix labels using full width of the modal.
Currently, the labels are using the full width of the modal, which results
in a clickable area that is too large. This commit fixes the issue by
setting the width of the labels to just fit its content.
2024-11-19 18:37:02 -08:00
Sahil Batra
5d1de4c037 stream-settings: Use new pills UI for can_remove_subscribers_group.
Some checks failed
Code scanning / CodeQL (push) Has been cancelled
Zulip production suite / Ubuntu 22.04 production build (push) Has been cancelled
Zulip CI / ${{ matrix.name }} (zulip/ci:bookworm, true, false, Debian 12 (Python 3.11, backend + documentation), bookworm) (push) Has been cancelled
Zulip CI / ${{ matrix.name }} (zulip/ci:jammy, false, true, Ubuntu 22.04 (Python 3.10, backend + frontend), jammy) (push) Has been cancelled
Zulip CI / ${{ matrix.name }} (zulip/ci:noble, false, false, Ubuntu 24.04 (Python 3.12, backend), noble) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:bookworm, --test-custom-db, Debian 12 production install with custom db name and user, bookworm) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:jammy, , Ubuntu 22.04 production install and PostgreSQL upgrade with pgroonga, jammy) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:noble, , Ubuntu 24.04 production install, noble) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:bookworm-7.0, 7.0 Version Upgrade, bookworm) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:bookworm-8.0, 8.0 Version Upgrade, bookworm) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:jammy-6.0, 6.0 Version Upgrade, jammy) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:noble-9.0, 9.0 Version Upgrade, noble) (push) Has been cancelled
2024-11-16 17:11:08 -08:00
Sayam Samal
045efadab9 bootstrap-btn: Rename btn -> bootstrap-btn.
This commit is a part of the efforts to rename btn-related classes
and variables to align with Zulip's no-abbreviations policy and
streamline the search results.
2024-11-14 12:03:36 -08:00
Sayam Samal
39dd55e854 subscriptions: Rename btn -> button in CSS classes.
This commit is a part of the efforts to rename btn-related classes
and variables to align with Zulip's no-abbreviations policy and
streamline the search results.
2024-11-14 12:03:36 -08:00
Sahil Batra
067e5a46c3 settings: Show stream and group info in a banner at the top.
Instead of having information about streams and groups below the
create button, we show that in a banner at the top irrespective
of whether user has permission to create them or not.

Fixes part of #32212.
2024-11-05 11:14:02 -08:00
sanchi-t
c73985da17 icon: Replace trash icon with archive icon.
Updated the existing trash icon used for the archive
action with a proper archive icon to improve clarity
and match its intended purpose.
2024-11-04 13:48:52 -08:00
Sahil Batra
aed8ac9672 settings: Fix disabled look for group settings pills UI.
We now have a grey-ish background color for the pill container
with opacity also reduced like we do for the disabled select
elements in settings.

Needed to adjust the selectors so that the CSS for disabled
state correctly overrides the CSS for enabled state.
2024-10-31 09:53:14 -07:00
Karl Stolley
8c90c9d68d modals: Set new background, border colors. 2024-10-25 15:39:13 -07:00
Anders Kaseorg
2671a5c32c stylelint: Enable stylelint-high-performance-animation.
Signed-off-by: Anders Kaseorg <[email protected]>
2024-10-23 14:56:39 -07:00
Anders Kaseorg
f023fa6fc0 styles: Be specific about which properties are transitioned.
Signed-off-by: Anders Kaseorg <[email protected]>
2024-10-23 14:56:39 -07:00
Sahil Batra
89d0ad1d60 user_group_edit: Add support to update subgroups of existing groups. 2024-10-22 10:23:36 -07:00
Shubham Padia
97bd0e6f3f user_groups: Fix incorrect nesting for .pill-container.
5980f4a502 moved the
`group_setting_disabled` class from pill container to its parent input
group without changing the nesting for the other css properties
properly. This commit fixes that.
2024-10-21 15:41:30 -07:00
Sahil Batra
fde8b2d2e0 stream_creation: Fix subscriber pills being too long.
The CSS for setting min-width was added in 63a7c9061b
to set the width of pill containers used for group
settings, but that also applied to pill containers of
subscribers in stream creation form.

This commit updates the CSS to be applied only for
settings in groups UI.
2024-10-17 10:52:58 -07:00
Shubham Padia
1e85bec9a9 user_groups: Change cursor to not-allowed if cannot leave. 2024-10-16 13:43:03 -07:00
Shubham Padia
5980f4a502 user_groups: Show not-allowed cursor on labels also.
Fixes part of #32007.
2024-10-16 13:43:03 -07:00
Sahil Batra
e19f4ed2a8 user_groups: Do not allow click events on disabled pill container.
The typeahead should not open on clicking the pill container when
the container is disabled when the user is not allowed to change
the setting.
2024-10-02 14:23:37 -07:00