Commit Graph

244 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
Karl Stolley
9e2ffe7fd5 inputs: Set default text-color explicitly.
This removes the previous slightly-lighter text shade
in light mode, and gets away from the trickiness of
`color: inherit` in dark mode.

While we could probably go with inheritance
everywhere, simply by removing the color: value on
these element, setting an explicit color variable on
the inputs here builds better confidence as to what
the color value will ultimately be.
2025-06-13 16:53:46 -07:00
Saubhagya Patel
b82bc1a738 settings: Add button to reset channel notifications to default.
This commit adds a "Reset to default notifications" button in the
Notifications menu, to the right of the channel name, for which a
user has selected custom notifications and a confirmation
dialog to confirm this action.

Fixes #19860.
2025-06-11 15:08:25 -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
apoorvapendse
3cd0f87d47 draft_overlay: Clarify the editing UI for drafts.
Co-authored-by: Sayam Samal <[email protected]>
Signed-off-by: apoorvapendse <[email protected]>
2025-06-10 11:08:35 -07:00
Saubhagya Patel
5f164582a4 settings: Add channel notifications customization in Personal settings.
This commit adds an option to change the notification settings
of a channel from default to custom in the Notifications menu
of Personal settings.

Fixes #19849.
2025-06-09 13:50:55 -07:00
Saubhagya Patel
1471e9b828 css: Add class decorated-stream-name-dropdown-widget.
This commit introduces a class
`decorated-stream-name-dropdown-widget`. The class extracts
the styles applied to channel dropdowns in commit:
9ae704510f org_settings: Correctly display long channel names,
so they can be reused at other instances.
2025-06-09 13:50:55 -07:00
Saubhagya Patel
6e38b56405 css: Set white-space: nowrap for channel dropdowns in org_settings.
This commit ensures that long channel names, including those
containing multiple words, are properly abbreviated in the channel
dropdown widgets in organization settings.

Follow up to commit:
9ae704510f org_settings: Correctly display long channel names,
which handled long single-word channel names.
2025-06-09 13:50:55 -07:00
Maneesh Shukla
c41a96a954 trash-icon: Replace remaining fa-trash icons with zulip-icon-trash and update buttons.
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-10.0, 10.0 Version Upgrade, noble) (push) Has been cancelled
Zulip production suite / ${{ matrix.name }} (zulip/ci:noble-9.0, 9.0 Version Upgrade, noble) (push) Has been cancelled
Fixes: #34378.
2025-06-08 17:12:27 -07:00
Maneesh Shukla
015bd7e6c9 custom_profile_fields: Add "Alphabetize choices" button.
This commit adds a "Alphabetize choices" button for SELECT also known as
"List of options" type custom profile fields. The
options themselves can get out of order from either user text input, or
from list modifications like addition or drag.

We follow case-insensitive alphabetization such that "vim" comes before
"VS Code". This is similar to how we alphabetize elsewhere like stream
lists.

Fixes: #28607.

Co-authored-by: Tanmay Kumar <[email protected]>
2025-06-05 17:11:05 -07:00
Sayam Samal
46c568cace channel_settings: Fix advanced configurations subsection toggle area.
This commit fixes the toggleable area of the advanced configurations
subsection in the channel settings, preventing the toggle action from
interfering with the save discard widget.
2025-05-15 11:16:59 -07:00
Evy Kassirer
a5c77cc017 settings: Move settings page CSS out of subscriptions.css. 2025-05-13 12:06:47 -07:00
Harsh
eaa358dc88 settings_ui: Fix spacing for headings in settings. 2025-05-01 16:38:48 -07:00
Karl Stolley
9ae704510f org_settings: Correctly display long channel names. 2025-04-30 10:16:01 -07:00
Sayam Samal
3974ddf548 alert_words: Use banner to indicate alert words removal status.
This commit converts the alert words removal status alert to a banner
component.
2025-04-25 12:26:02 -07:00
Saubhagya Patel
9f1744511b css: Remove .thinner class from Settings.
This commit removes the `.thinner` class from the
"Play animated images" setting in Preferences > Information,
and from the "Home view" setting in Preferences > Navigation.
The `.setting-next-is-related` class, used in combination with
the `.thinner` class, is also removed as it is not needed.
We no longer use the `.thinner` class.
2025-04-22 09:33:59 -07:00
Maneesh Shukla
a062d25aea personal-settings: Redesign buttons in personal settings.
- Changed Alert Words "Delete" button to a danger icon button.
- Updated Uploaded Files "Download" button to an info icon.
- Updated Uploaded Files "Delete" button to a danger icon.
- Changed Muted Users button to use `action-button-quiet-danger`.

Fixes: #34200.
2025-04-10 11:32:43 -07:00
Maneesh Shukla
031b0d3c13 organization-settings: Restyle "Resend" and "Revoke" buttons in Invitations panel.
Fixes part of #34200.
2025-04-10 11:32:43 -07:00
Maneesh Shukla
61acebf0ce organization-settings: Redesign the buttons in the Users tab of organization settings.
- Manage user button -> Neutral icon
- Deactivate user button -> Danger icon
- Reactivate user button -> Success icon

Fixes part of #34200.
2025-04-10 11:32:43 -07:00
Harsh
b8f1d0025e settings: Add bottom margin to information density settings.
This commit adds bottom margin of 20px to the
information density settings buttons.
2025-04-08 10:51:56 -07:00
Sayam Samal
b43d3dc1d4 settings: Fix alert notification indicator styling in settings. 2025-04-07 18:22:16 -07:00
Sayam Samal
616a957842 settings: Improve subsection header styling.
This commit makes all the subsection header as flex boxes, and improves
it's CSS styling.
2025-04-07 18:22:16 -07:00
Sayam Samal
6bf2887991 settings: Update save and discard buttons to redesigned button styles.
This commit updates the save and discard buttons in the setting modals
to use redesigned button styles along with the new loading indicator.
2025-04-07 18:22:16 -07:00
Karl Stolley
d9b4b26878 settings: Make all of thead sticky. 2025-04-04 14:11:45 -07:00
Harsh
9a16faf19f settings_ui: Fix flickering when hovering over "x" in date-type field.
fixes: #33346
2025-03-25 10:01:16 -07:00
ahmedgulabkhan
d69d2d8b9f settings: Update bot icons to be vertically aligned.
Current bot icons were not aligned vertically, this commit fixes it.
2025-03-17 10:52:25 -07:00
ahmedgulabkhan
d9573a62d4 user-admin-invite: Update icon for invite users in admin panel.
Co-authored-by: Lauryn Menard <[email protected]>
2025-03-17 10:52:25 -07:00
ahmedgulabkhan
3ece6ca196 user-settings: Update icon for managing a user or bot.
Co-authored-by: Lauryn Menard <[email protected]>
2025-03-17 10:52:25 -07:00
ahmedgulabkhan
c0b3fb1bbe user-settings: Update icon for deactivating user or bot.
Co-authored-by: Lauryn Menard <[email protected]>
2025-03-17 10:52:25 -07:00
ahmedgulabkhan
50582b72b6 user-settings: Update icon for reactivating user.
Co-authored-by: Lauryn Menard <[email protected]>
2025-03-17 10:52:25 -07:00
evykassirer
6f9ad9e74b settings: Wrap save/discard buttons as a unit on narrow screens. 2025-03-14 16:35:05 -07:00
evykassirer
fbee7db9f1 settings: Scale loading spinner with font-size.
This might be dead CSS, in that most spinners have their styles
overwritten by other CSS. But there are a lot of spinners and
this is hard to look into and know for sure (but it would be good
to as a followup eventually).
2025-03-12 16:32:15 -07:00
evykassirer
de6f15a565 settings: Move save check width to stylesheet and scale with font size. 2025-03-12 16:32:15 -07:00
Sahil Batra
c6e840531f settings: Update UI for information density settings.
This commit adds new UI for controlling font size and
line height settings in settings panel.

Fixes #33186.
2025-03-10 16:07:37 -07:00
Karl Stolley
13b4531873 emoji: Allow emoji space, including alt_code, to better scale. 2025-03-07 15:27:55 -08:00
Karl Stolley
dffbf63bdd settings: Remove conflicting mobile active styles. 2025-03-07 12:00:24 -08:00
Karl Stolley
412e840478 settings: Correct bottom border on mobile headings. 2025-03-07 12:00:24 -08:00
Karl Stolley
fa1ffad817 settings: Use border-box sizing on mobile headers. 2025-03-07 12:00:24 -08:00
evykassirer
e421e18b49 settings: Adjust widths in change email modal with font size. 2025-03-07 11:53:45 -08:00
Maneesh Shukla
d2a9b5dda5 modals: Remove data-dismiss usage and update cancel actions.
Replaced `data-dismiss="modal"` attributes with class/ID-based event
handling to align with Micromodal usage. Also removed an unused CSS
rule which was defined.
2025-03-07 09:10:47 -08:00
Anders Kaseorg
e381dfd448 styles: Remove obsolete ‘transition: none …’ workaround.
https://github.com/kristerkari/stylelint-high-performance-animation/issues/216
was fixed upstream.

Signed-off-by: Anders Kaseorg <[email protected]>
2025-03-04 15:30:11 -08:00
evykassirer
5e4f70c11e settings: Scale notification sound icon with font size. 2025-03-04 13:16:35 -08:00
evykassirer
0c57126104 stream settings: Scale advanced configuration toggle icon with font size. 2025-03-04 11:26:00 -08:00
Maneesh Shukla
b5dec3258f personal_settings: Restyle the profile, account & privacy settings btns.
This commit restyles the profile, account and privacy settings buttons
as follows:

- "Preview profile": action-button-quiet-brand
- Pencil for email editing: icon-button-brand
- "Change your password": action-button-quiet-brand
- "Deactivate account": action-button-quiet-danger
- "Manage your API key": action-button-quiet-brand

Fixes part of #33130.
2025-03-03 12:43:59 -08:00
Saubhagya Patel
99f3de5855 css: Fix CSS of Notification triggers table in Default user settings.
This commit applies CSS styles to the Notification triggers table in
the Default user settings under Organization settings, similar to how
they are applied to the Notification triggers table in the Notification
settings under Personal settings.
2025-02-24 10:17:48 -08:00
Maneesh Shukla
e8d47ff550 styles: Modify users table spinner css to scale properly with font size. 2025-02-23 10:53:04 -08:00
Maneesh Shukla
15f0aa5acd loading_spinner: Add loading spinner to settings page.
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
Remove "Loading..." text from settings page and replace it
with a spinner.
2025-02-20 17:58:49 -08:00
Maneesh Shukla
f8b1487fbe user_groups_settings: Add styles to hide the email table data on small screens. 2025-02-18 22:03:19 -08:00
Maneesh Shukla
40303fc4ba user_group_settings: Fix the alignment of remove button. 2025-02-18 22:03:19 -08:00
Shubham Padia
1583e2ed9f settings: Scale filter/button height in settings panel header. 2025-02-14 09:40:57 -08:00