(core) Polish UI/UX of onboarding popups

Summary:
Replace Finish button with Previous and an X to close
Add keyboard shortcuts to tour popups
Change last Next button to Finish instead of disabling, can be triggered by Enter key.
Allow closing the tour and reopening in the same place.

Test Plan: only manual, need to confirm desired behaviour

Reviewers: dsagal

Reviewed By: dsagal

Differential Revision: https://phab.getgrist.com/D2950
This commit is contained in:
Alex Hall
2021-07-30 13:55:23 +02:00
parent d09c2f1b3d
commit 1d1a9297f8
2 changed files with 69 additions and 27 deletions

View File

@@ -158,7 +158,7 @@ export const cssLinkIcon = styled(icon, `
margin-top: -2px;
`);
const cssCloseButton = styled('div', `
export const cssCloseButton = styled('div', `
position: absolute;
top: 8px;
right: 8px;
@@ -172,6 +172,6 @@ const cssCloseButton = styled('div', `
}
`);
const cssBigIcon = styled(icon, `
export const cssBigIcon = styled(icon, `
padding: 12px;
`);