Commit Graph

200 Commits

Author SHA1 Message Date
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
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
6323b11448 settings: Use em for left panel icon spacing. 2025-02-12 12:18:36 -08:00
evykassirer
84ddd9f5e4 settings: Use em for exit button spacing. 2025-02-12 12:18:36 -08:00
Sahil Batra
4ca28bb850 settings: Add setting to control permission for topic summarization. 2025-02-12 12:05:04 -08:00
evykassirer
774e981487 settings: Redesign of remove date button.
This fixes placement for larger font sizes and
also updates the button to the newer style.
2025-02-04 16:16:11 -08:00
evykassirer
3a8f4bdc22 settings: Simplify tab switcher styles.
Both of these styles work well at both widths, so we don't
need the @container query.
2025-02-04 10:43:10 -08:00
evykassirer
23b29bf283 settings: Move settings-sidebar-width to app_variables. 2025-02-04 10:43:10 -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
442d5db99b settings: Center tabs using flex. 2025-02-04 10:43:10 -08:00
evykassirer
05e336c6fc settings: Use em for max-width of modal. 2025-02-04 10:43:10 -08:00
evykassirer
6db27ad7dd settings: Use em for sidebar width. 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
ef02dc093e settings/subscriptions: Use shared variable for header height. 2025-02-04 10:43:10 -08:00
evykassirer
2b95ee7fb6 settings: Remove max-width for table min-widths.
These styles were being added to table cells at narrow widths
that weren't yet at the breakpoint to collapse the settings menu
left sidebar, to make sure those columns would stay wide enough
to be readable.

This commit simplifies the media query by keeping this min-width
for all screen widths above the breakpoint. There doesn't seem
to be a downside to this, since we want to keep those cells
readable at wider widths as well, and at wider widths there's
even more space for the other cells.
2025-02-04 10:43:10 -08:00
opmkumar
6789c9d648 search: Add "x" button to the filter of uploaded files table.
Creates a new `filter_text_input.hbs` file to enhance reusability of the
filter component.
The set_up_event_handlers function of `list_widget.ts` has been
modified to listen to the click event of the `.clear-filter` selector.
Additionally, the CSS for the input filter has been updated.

Referenced PR #19578.

Co-authored-by: Nikhil <[email protected]>

Fixes #32599.
2025-02-01 18:51:36 -08:00
Anders Kaseorg
8f173b0fdf styles: Replace deprecated word-break: break-word with overflow-wrap.
Addresses a new declaration-property-value-keyword-no-deprecated
Stylelint rule.

https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

Signed-off-by: Anders Kaseorg <[email protected]>
2025-01-29 15:04:09 -08:00
Anders Kaseorg
997d77f0dd styles: Convert Sass-style variables to CSS custom properties.
Signed-off-by: Anders Kaseorg <[email protected]>
2025-01-29 15:04:09 -08:00
sanchi-t
9921b116e8 css: Refactor theme colors for settings.
This change moves the light and dark theme colors for
`settings` to CSS variables.
2025-01-28 17:55:00 -08:00
Shubham Padia
82c04ebe9e stream_types: Add admin permissions note below advanced configurations.
We've also removed the label_parens_text of `in addition to organization
administrators` wherever applicable.
2025-01-23 15:57:16 -08:00
Saubhagya Patel
04fa3655ec settings: Replace the Theme select dropdown with the Theme switcher.
This commit includes the following changes:
 - Replace the theme select dropdown in the Preferences
   section of the Personal settings with the theme switcher,
   similar to the one in the personal menu popover.
 - The theme select dropdown in the Default User Settings
   section of the Organization settings also follows the same
   changes.

Fixes: #32111.
2025-01-21 12:01:12 -08:00
Saubhagya Patel
ad766c802e settings: Use text cursor for "Name" when name changes are disabled.
This commit includes the following changes:
 - Use a regular text cursor in place of a pointer cursor for the
   "Name" field label when the name changes are disabled.
 - Introduce a class named `cursor-text` that sets the property
   `cursor: text;`.
 - Implement tests to verify the above changes made.
2025-01-07 13:44:53 -08:00
evykassirer
2fd51e3bc4 settings: Refactor styles for user list style picker.
* Uses em for width instead of px, matching the width of
  the emoji style picker.
* Uses grid to line up columns, instead of flex with pixel widths
  for the preview column.
* Add overflow hidden to look better on small widths.
2024-12-12 09:15:18 -08:00
evykassirer
bbc36846c0 settings: Stop using stale CSS variables.
These variables stopped being used in caba06e93d.
2024-12-12 09:15:18 -08:00
evykassirer
a0ca21e1b1 settings: Use em for width of emojiset choices selection box.
This will become important when we support even larger font sizes.
2024-12-12 09:15:18 -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
Nicklas Steen
90e42ca8ed settings: Fix filter alignment under headings in all settings panels.
Previously, when resizing the window, the filters/buttons and the
header did not fit on the same row, the filters/buttons were pushed
onto the next row but not put directly below the heading. This
changes the settings_panel_list_header and
add_default_streams_button_container into flex containers and
properly aligns the items below the heading when changing window
size.
Fixes: #30353
2024-11-22 10:46:39 -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
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
0158768a91 settings: Rename btn -> button in #add-custom-profile-field-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
Karl Stolley
3c9c6f0a3b settings: Improve layout of user-list style previews. 2024-11-12 14:40:45 -08:00
Karl Stolley
eb89719221 settings: Simplify user-list preview styles. 2024-11-12 14:40:45 -08:00
Sahil Batra
60b12367cc settings: Use new settings UI for create_multiuse_invite_group. 2024-10-29 15:06:16 -07:00
Karl Stolley
40da0e44fb squash: Experiment with less intense modal border colors. 2024-10-25 15:39:13 -07:00
Karl Stolley
2c78efc3c5 settings: Improve layout and appearance of Organization logo area. 2024-10-25 15:39:13 -07:00
Karl Stolley
8c90c9d68d modals: Set new background, border colors. 2024-10-25 15:39:13 -07:00
sanchi-t
9b5accdb43 css: Refactor theme color for kbd. 2024-10-24 11:09: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
Prakhar Pratyush
b8e0e08f01 realm_export: Add 'Export permissions' table.
This commit adds a "Export permissions" table
in the 'Data exports' setting panel.

The table lists the active human users and their
configuration of 'allow_private_data_export' setting.

Fixes part of #31201.
2024-10-21 17:42:52 -07:00
Maneesh Shukla
574932d4e3 settings: Update quota notice text and style.
Changed the text of the quota notice to
"Your organization is using x% of your 5 GB file
storage quota. Upgrade for more space."

Instead of having a link on "Upgrade", the entire
notice is now a clickable banner with a rocket icon,
consistent with other banners used in settings.

Fixes #29077.
2024-10-15 16:12:34 -07:00
Anders Kaseorg
b0653d1ea4 uploaded_files_list: Fix id pollution.
The HTML id attribute is supposed to be globally unique; it’s not an
appropriate place to store a user-controlled string, or to identify
part of a component that’s rendered more than once.

Signed-off-by: Anders Kaseorg <[email protected]>
2024-09-30 14:15:31 -07:00
tnmkr
23efb5cec7 custom_profile_fields: Support non editable profile fields.
This commit allows configuration of "editable_by_user" property from the
organization settings modal. It also adds support for non-editable
fields in profile settings modal.

Fixes #22883.

Co-Authored-By: Ujjawal Modi <[email protected]>
2024-09-23 18:09:38 -07:00
tnmkr
fc5cdd9e83 custom_profile_fields: Remove bottom margin from settings_url_input.
This margin was extending the size of the parent div, which caused
tooltips applied to the parent to trigger in the empty space below this
input.

Other elements in this section do not have bottom margins. So this
change also helps with uniformity.

This commit is a prep for #22883.
2024-09-23 18:09:38 -07:00
Sayam Samal
acb13cb1cb icons: Update bot icon in Settings UI.
As a follow-up to cca891689c, this updates
the old bot icon in the Settings UI with the new one antenna bot icon.
2024-09-23 14:09:47 -07:00