Thanks to visit codestin.com
Credit goes to github.com

Skip to content

feat: Update UI for error dialog and snackbar #1971

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jun 2, 2022

Conversation

AbhineetJain
Copy link
Contributor

@AbhineetJain AbhineetJain commented Jun 1, 2022

This PR updates the alarmingly red UI for error dialog and snackbars.

Subtasks

  • update the UI for error type dialog box
  • update the UI for error type snackbar

Fixes #1832

Screenshot

image

image

@AbhineetJain AbhineetJain requested a review from a team as a code owner June 1, 2022 23:36
@BrunoQuaresma
Copy link
Collaborator

Can we make these buttons have the same height than the form buttons?

@BrunoQuaresma
Copy link
Collaborator

Also, adding some extra padding in the wrapper to looks closer to the Figma file.

@AbhineetJain
Copy link
Contributor Author

Can we make these buttons have the same height than the form buttons?

Sure, let me do that.

@AbhineetJain
Copy link
Contributor Author

Also, adding some extra padding in the wrapper to looks closer to the Figma file.

I realized I'll need changes in multiple places to update the other dialogs as well. Let me try those changes.

@AbhineetJain
Copy link
Contributor Author

@BrunoQuaresma I updated the extra padding for ConfirmDialog, but the ResetPasswordDialog is differently styled. Should we update the formatting for that too?

@AbhineetJain AbhineetJain force-pushed the abhineetjain/1832-confirmation-dialog branch from b11e716 to 0d5e026 Compare June 2, 2022 00:32
Copy link
Contributor

@greyscaled greyscaled left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Certainly looks like an improvement to me! @BrunoQuaresma's been doing a lot of re-design work lately (and is a fantastic designer 🎨), I'm delegating review towards him.

Nice job y'all!

@Kira-Pilot
Copy link
Member

Wow! Looking way better. I'll also defer to Bruno, but nice job!

Copy link
Collaborator

@BrunoQuaresma BrunoQuaresma left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! I think we should make the same for the Confirmation dialog and success alert as well but using the green color. @AbhineetJain what do you think? We probably can do it in another ticket or diff PR. Good job!

@AbhineetJain
Copy link
Contributor Author

AbhineetJain commented Jun 2, 2022

@BrunoQuaresma Sounds good, thank you! I'll create an issue for that, let's discuss it more there.

Edit: #1984

@AbhineetJain AbhineetJain merged commit e09cd3e into main Jun 2, 2022
@AbhineetJain AbhineetJain deleted the abhineetjain/1832-confirmation-dialog branch June 2, 2022 15:23
kylecarbs pushed a commit that referenced this pull request Jun 10, 2022
* feat: update ui for error dialog and snackbar

* update padding for buttons
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI: Confirmation Dialogs and Snackbar Notifs have an alarming red
4 participants