From 12fb25476ec159963298476974c09b5965952fb7 Mon Sep 17 00:00:00 2001 From: George Gevoian Date: Thu, 27 Oct 2022 22:03:06 -0700 Subject: [PATCH] (core) Wrap progress dots in OnBoardingPopups 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 --- app/client/ui/OnBoardingPopups.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/app/client/ui/OnBoardingPopups.ts b/app/client/ui/OnBoardingPopups.ts index 120e2023..e8a2f354 100644 --- a/app/client/ui/OnBoardingPopups.ts +++ b/app/client/ui/OnBoardingPopups.ts @@ -387,11 +387,14 @@ const Footer = styled('div', ` flex-direction: row; margin-top: 32px; justify-content: space-between; + align-items: center; `); const ProgressBar = styled('div', ` display: flex; flex-direction: row; + flex-wrap: wrap; + row-gap: 12px; `); const Buttons = styled('div', `