airbyte icon indicating copy to clipboard operation
airbyte copied to clipboard

🪟 🎨 Fix width of create connection view on onboarding page

Open lmossman opened this issue 2 years ago • 0 comments

What

When testing other changes on the Onboarding flow, I noticed that the width of the "create connection" content was very narrow when doing it through the Onboarding flow, even if there was enough space for it to be larger. This caused some text inside the content to be wrapped unnecessarily (e.g. the headers of the stream editing section), which is not great since this may be a common "first impression" of airbyte on new users:

Screen Shot 2022-09-13 at 4 36 02 PM

How

This small PR fixes the issue by making the create connection form on the onboarding page take up the full width it can, and modifying its parent's max-width to match the max-width used in the ReplicationView.

This is what the create connection step in the onboarding flow looks like with these changes: Screen Shot 2022-09-13 at 5 31 28 PM

🚨 User Impact 🚨

Better looking form when creating a connection through the onboarding flow

lmossman avatar Sep 14 '22 00:09 lmossman