Commit Graph

85 Commits

Author SHA1 Message Date
Maneesh Shukla
c41a96a954 trash-icon: Replace remaining fa-trash icons with zulip-icon-trash and update buttons.
Fixes: #34378.
2025-06-08 17:12:27 -07:00
Karl Stolley
3671a6a39c decorated_channels: Rename privacy-icon class. 2025-04-22 11:26:12 -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
Sayam Samal
0e7a5c1774 user_profile_modal: Use icon button component for modal header buttons.
This commit updates the modal header buttons to use the icon button
component.

Fixes part of #33027.
2025-04-03 17:35:05 -07:00
Sahil Batra
aa02eb1eba stream: Modify warning shown when archiving announcement stream.
This commit updates how we show the text mentioning that archiving
a stream which is used for new user, new channel or update
announcements will result in the announcements not being sent.

Fixes #33379.
2025-03-17 11:02:55 -07:00
Aman Agrawal
959981d2c9 navigation_tour: Set color of "Let's go" as per standard action btn. 2025-03-13 14:38:16 -07:00
Aman Agrawal
d1704deb52 onboarding_steps: Dim background of navigation tour video. 2025-03-13 14:38:16 -07:00
Prakhar Pratyush
5f3896710f onboarding_steps: Add 'navigation_tour_video' for new users.
This commit adds a one-time modal to display navigation tour
video to new users.

Includes an `NAVIGATION_TOUR_VIDEO_URL` server-setting to specify
the video's URL. When set to None, the modal is not displayed.

Fixes #29304.
2025-03-13 14:38:16 -07:00
Maneesh Shukla
acabface1a domains_modal: Fix width of modal_text_input. 2025-03-11 12:20:36 -07:00
evykassirer
9b7f37d106 introduce_zulip_view_modal: Scale button with font size. 2025-03-04 17:53:50 -08:00
Karl Stolley
e7eae0aa30 modals: Prevent possible native horizontal scrollbar. 2025-03-04 08:57:23 -08:00
evykassirer
79a8b10407 modal: Scale channel email widget and email header with font size. 2025-02-27 14:40:48 -08:00
opmkumar
2e19d0c025 todo_modal: Remove side scrolling in the todo modal. 2025-02-18 14:53:48 -08:00
opmkumar
1e99745023 todo_list: Add option for modal to create todo-lists.
A button has been introduced to launch a modal
for creating todo-lists directly from the compose box.

The modal features a form that, upon submission,
generates a message using the `/todo` syntax and the data
inputted in the form. Subsequently, the content of the compose box
is set to this message, which the user can then send.

This modal closely parallels the UI for adding a poll; therefore,
the poll and todo code has been shifted to a newly created
file named `widget_modal.ts`, and `poll_modal.ts` is now deprecated.

Co-authored-by: Sujal Shah <sujalshah28092004@gmail.com>

Fixes #29779.
2025-02-14 14:57:24 -08:00
evykassirer
d6256017e2 modal: Use consistent padding around select instead of fixed height.
This vertical padding matches other input and dropdowns in
modals, and scales better than just "30px" as we add support
for more font sizes.
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
2af6f6a0d5 dropdown: Move general rule for width to app_components.css. 2025-02-13 16:09:04 -08:00
Aman Agrawal
18dfe8f071 modal: Use em for size units.
This will help us scale it with our custom font-size.
2025-02-13 15:49:19 -08:00
Aman Agrawal
a32bd73523 modal: Move modal specific css to modal.css. 2025-02-13 15:49:19 -08:00
evykassirer
066c517500 modal: Scale width with app font size.
This will become more important with larger font sizes,
which we're adding soon. The max-width will prevent the
width from becoming too wide.
2025-02-13 15:49:19 -08:00
evykassirer
500e0f63d6 read reciepts: Use em for row height and modal width. 2025-02-06 10:35:35 -08:00
evykassirer
678106b1f3 user_profile: Use em to scale height of name heading with font size. 2025-02-01 18:54:29 -08:00
Maneesh Shukla
fd2b8b5e25 modal: Center modal spinner.
This commit adds the align-items property to the modal__spinner class.
This property sets the spinner in the modal to the center without
changing the spinner's position.
2025-01-30 10:31:40 -08:00
Karl Stolley
1d7076a534 channel_modal: Push back against inherited icon styles. 2025-01-24 14:56:41 -08:00
Shubham Padia
f5f3f12fbb modal: Use em instead of rem for modal title.
This commit makes the modal title responsive for font-sizes 12px to
20px. For #add-poll-modal, we remove the .modal__title rule for
font-size set to 1.375em. That removal technically increases it's font
size from 1.375em to 1.5714em, but that new font size is the same as the
previous 1.375rem that was changed in
e80a23642d (r1904958062)
2025-01-09 15:32:17 -08:00
evykassirer
c9ef9fdf78 polls: Use em for modal title. 2025-01-08 16:28:48 -08:00
evykassirer
3f1966ced9 polls: Remove bottom margin to fix vertical centering. 2025-01-08 16:28:48 -08:00
evykassirer
fe3d87f15e polls: Set modal height with em. 2025-01-08 16:28:48 -08:00
Karl Stolley
5e8070222e modals: Style formatted time descriptions to match move modal. 2024-12-19 09:07:44 -08:00
Karl Stolley
a81bb51a82 modals: Structure heading as grid to allow line wrapping. 2024-12-19 09:07:44 -08:00
Karl Stolley
42f210ee26 move_modals: Better structure and style stream/topic references. 2024-12-18 17:10:45 -08:00
Karl Stolley
de3aa9e8dd user_circles: Introduce icons into layout-corrected user modal. 2024-12-13 14:33:24 -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
cf672ad939 modal: Rename modal__btn -> modal__button.
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
Anders Kaseorg
f023fa6fc0 styles: Be specific about which properties are transitioned.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2024-10-23 14:56:39 -07:00
Karl Stolley
e11cfd7ba8 modal_button: Use negative outline-offset to compensate for scaling. 2024-07-30 11:27:19 -07:00
Shubham Padia
16623bf3b7 modal: Scale modal buttons when using 16px mode.
Fixes #30920.

Before this, the buttons remained the same when switching 14px vs 16px
mode because rem was used as the unit and we are not changing the root
font-size for either of the 14px or 16px mode. Root font-size is 16px in
both cases.

We've removed 0.875 out of the 0.875rem for the font-size of the buttons
since 0.875rem is equal to 14px. It has been replaced with the base font
size variable.

We've removed the rem values for padding and border-radius and written
the pixel values directly taking in account 1 rem = 16px. We don't scale
the padding and border when switching b/w 14px and 16px mode, so we
should not do that here too. While keeping the rem around would be the
same as the current pixel value in either of the modes, removing the rem
is still better since we've concluded here that we don't need to scale
the padding and border-size b/w modes.
2024-07-17 09:40:41 -07:00
Karl Stolley
413ff92da7 popovers: Explicitly set base font-sizes for popovers. 2024-07-15 13:36:23 -07:00
Sayam Samal
dfc18518db send_later: Remove Bootstrap nav nav-list CSS classes dependency.
This is a prep commit for removing `nav nav-list` classes from all
popovers.

The send later modal, although not being a popover specifically, was the
last place in the code still using `nav nav-list` classes.
2024-07-15 10:00:22 -07:00
tnmkr
13c4f281ab css: Normalize opacity on select:disabled elements.
We are setting the opacity to Chrome's 0.7 because that is what most
select fields in Organization settings are styled for.
2024-07-09 13:11:53 -07:00
sanchi-t
ca74c95c60 user_profile: Display Saved feedback.
Visually confirms successful profile changes with a clear
`Saved` message.

Fixes part of #26692.

Co-authored-by: Kunal Sharma <v.shm.kunal@gmail.com>.
Co-authored-by: Angelica <angelica.ferlin@gmail.com>.
2024-05-28 14:34:57 -07:00
Pratik
3b2bf7b2b9 modal_css: Refactor css of header of user profile modal.
This commit enhances the layout of user profile modal header by using
flexbox properties.
2024-05-06 18:14:40 -07:00
Pratik
fdbce9d889 profile_modal: Replaces underscore style classes with hyphenated one.
This commit replaces the underscore-style classes of user profile modal
with the hyphenated one.
2024-05-06 18:14:40 -07:00
Sahil Batra
040486776c modals: Add bottom margin to label elements.
This commit adds bottom margin to label elements of
different inputs by adding "modal-field-label" class
to the label elements. Some of them already have the
margin due to having dropdown-title class.
2024-05-03 09:51:36 -07:00
N-Shar-ma
7104c06459 css: Make all modal buttons half opaque when disabled, instead of grey.
Earlier, the primary modal button always turned grey on being disabled,
while other modal buttons remained as is in light mode, and grey in dark
mode. Now the styling is made consistent across all modal buttons, by
giving them all 50% opacity when disabled.
2024-04-28 10:38:58 -07:00
N-Shar-ma
528e7e4a0e css: Redesign exit / close buttons.
We change the background colors for the close / cancel / exit buttons
in modals and messages (when editing them or viewing their source). The
border is also removed for those buttons in messages.
2024-04-28 10:38:58 -07:00
Kislay Verma
505d66afeb user_invite: Convert invite modal to tabbed format.
This commit converts the radio buttons (for
selecting email/link) to tab
components in the user invite modal.

The selected tab is in focus by default and arrow keys
can be used to toggle the selected tab.

Appropriate tooltips are shown when a tab is disabled.

Fixes #29392.
2024-04-12 08:23:00 -07:00
sujal
fbcf31c9e0 bot-url: Add event filtering UI to generate bot URL modal.
Adds an option to the generate bot URL modal to filter for events
that will trigger notifications. This option is conditionally
displayed when only `all_event_types` is defined for the selected
integration.

If selected, the URL will display all events by default. There
are "check all" and "uncheck all" buttons to easily include or
remove all the events from the URL.

Fixes #27628.
2024-04-01 11:39:03 -07:00
Prakhar Pratyush
9a7634d527 onboarding: Show one-time modal to introduce inbox view.
To improve onboarding experience, this commit adds
a one-time modal which introduces the inbox view.

Users see this one-time modal on visiting the inbox view.

Fixes part of #29073.
2024-03-19 09:32:59 -07:00