Skip to content
This repository has been archived by the owner on Oct 29, 2020. It is now read-only.

Fix Forge 6.7 visual bugs. #6365

Merged
merged 3 commits into from
Apr 11, 2016
Merged

Fix Forge 6.7 visual bugs. #6365

merged 3 commits into from
Apr 11, 2016

Conversation

DFurnes
Copy link
Contributor

@DFurnes DFurnes commented Apr 11, 2016

What's this PR do?

Fix overflow issue in Step 4 of the campaign template.

So this is happening because we switched container spacing to use margins rather than padding. On mobile, the container block's margin is collapsing and being lost outside the container... but on desktop, this doesn't happen because the float: left; on the .container > .wrapper creates a new block formatting context.

I think a good fix would be to add a universal float: left to all .container > .wrappers, regardless of breakpoint. It's a bit weird, but has less potential side effects than adding an overflow: hidden I think...

How should this be manually tested?

Idk, look at things do they look nice? 👀

Any background context you want to provide?

Gah. CSS, am I right?

I'll update this in a Forge patch release too but wanted to get a PR up to unblock today's deploy!

What are the relevant tickets?

Fixes #6363. Fixes #6364.


For review: @DoSomething/front-end

@DFurnes
Copy link
Contributor Author

DFurnes commented Apr 11, 2016

^ also just snuck a fix for #6364 in here too. 👟

Form and intro copy were too close. Added a `container__row` surrounding
the form to give it the proper spacing!
@DFurnes
Copy link
Contributor Author

DFurnes commented Apr 11, 2016

And I added a bbda059 too for free! Value! 💸

@DFurnes DFurnes changed the title Fix overflow issue in Step 4 of the campaign template. Fix Forge 6.7 visual bugs. Apr 11, 2016
@sbsmith86
Copy link
Contributor

Looks good! sorry for the delay was out on personal time :)

@DFurnes
Copy link
Contributor Author

DFurnes commented Apr 11, 2016

@sbsmith86 Np np!

@DFurnes DFurnes merged commit 3f61434 into DoSomethingArchive:dev Apr 11, 2016
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Development

Successfully merging this pull request may close these issues.

Step 1 container lacking the padded modifier Inverse banner padding on mobile sized browsers.
2 participants