mirror of https://github.com/zulip/zulip.git
8e7ad58557
We now show loading indicator inside the 'save' button instead of hiding the buttons to show the loading indicator. Both the save and clear buttons are disabled when the request is processing. We do not change color of the buttons just change the cursor to indicate that button are disabled and nothing happens on clicking them. The reason for disabling the cancel button is that it is actually not possible to cancel the action once loading has started, so it is actually better to disable it only such that users are not confused. This commit adds a wrapper div element around the button because we wanted to add two css properties to the button- 'pointer-events: none' such that nothing happens on click and 'cursor: not-allowed' to indicate that buttons are disabled. But these boht styles cannot be added to same element because 'pointer-events: none' overrides the 'cursor: not-allowed' style and normal cursor is visible. That's why we add a wrapper to add 'cursor: not-allowed' style to it and add 'pointer-events: none' to the button. |
||
|---|---|---|
| .. | ||
| portico | ||
| alerts.css | ||
| app_components.css | ||
| components.css | ||
| compose.css | ||
| drafts.css | ||
| hotspots.css | ||
| image_upload_widget.css | ||
| informational_overlays.css | ||
| input_pill.css | ||
| left_sidebar.css | ||
| lightbox.css | ||
| message_edit_history.css | ||
| modal.css | ||
| night_mode.css | ||
| popovers.css | ||
| pygments.css | ||
| reactions.css | ||
| recent_topics.css | ||
| rendered_markdown.css | ||
| right_sidebar.css | ||
| settings.css | ||
| subscriptions.css | ||
| typing_notifications.css | ||
| user_circles.css | ||
| user_status.css | ||
| widgets.css | ||
| zulip.css | ||