Skip to content
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

fix: use back button instead of X #49

Merged
merged 5 commits into from
Jul 6, 2022
Merged

Conversation

kristiehuang
Copy link
Contributor

@kristiehuang kristiehuang commented Jun 30, 2022

We use an X icon to close dialog tabs, which creates a double X when the widget is hosted in an integrator modal.

  • change X to a back arrow
  • change animation from vertical to horizontal slide

Previously:
Screen Shot 2022-06-30 at 7 59 48 PM

Now:
slide-in (1)

@vercel
Copy link

vercel bot commented Jun 30, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
widgets ✅ Ready (Inspect) Visit Preview Jul 6, 2022 at 3:23PM (UTC)

@vercel vercel bot temporarily deployed to Preview June 30, 2022 21:11 Inactive
@@ -63,7 +63,7 @@ interface IconButtonProps {
export const IconButton = forwardRef<HTMLButtonElement, IconButtonProps & ComponentProps<typeof BaseButton>>(
function IconButton({ icon: Icon, iconProps, ...props }: IconButtonProps & ComponentProps<typeof BaseButton>, ref) {
return (
<SecondaryButton {...props} ref={ref}>
<SecondaryButton {...props} ref={ref} style={{ transform: 'translateY(1.75px)' }}>
Copy link
Contributor

Choose a reason for hiding this comment

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

put this in a styled wrapper instead of doing the inline style

nit - is it possible to accomplish this with some other tool? translate can be a little unexpected. It's better to use margin/padding/positioning in most cases. Not important to figure this out if you're busy.

@kristiehuang kristiehuang merged commit f36c35e into main Jul 6, 2022
@kristiehuang kristiehuang deleted the kh-fix/dialog-back-button branch July 6, 2022 15:22
@vercel vercel bot temporarily deployed to Preview July 6, 2022 15:23 Inactive
@github-actions
Copy link

github-actions bot commented Aug 9, 2022

🎉 This PR is included in version 2.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

2 participants