Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

(core) Wrap progress dots in OnBoardingPopups

Browse Source 
Summary:
Adds flex wrap to the progress bar so that tours with many pages
don't cause the previous/next buttons to overflow.

Test Plan: Tested manually.

Reviewers: paulfitz

Reviewed By: paulfitz

Subscribers: paulfitz

Differential Revision: https://phab.getgrist.com/D3688
This commit is contained in:
George Gevoian 2022-10-27 22:03:06 -07:00
parent 7c9cb9843e
commit 12fb25476e
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/client/ui/OnBoardingPopups.ts
View File

@ -387,11 +387,14 @@ const Footer = styled('div', `
flex-direction: row; flex-direction: row;
margin-top: 32px; margin-top: 32px;
justify-content: space-between; justify-content: space-between;
align-items: center;
`); `);
const ProgressBar = styled('div', ` const ProgressBar = styled('div', `
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
row-gap: 12px;
`); `);
const Buttons = styled('div', ` const Buttons = styled('div', `