This repository has been archived by the owner on Jul 10, 2020. It is now read-only.
Fix a spacing bug in the expandable content #471
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The expandable content has been missing it's bottom spacing for some time. Half the problem is that we started removing bottom margin from the
p:last-child
a while back. This fixes that particular issue by adding bottom margin to the:after
pseudo element. Margin bottom is used over padding because it naturally collapses when the height is set to 0.Fixes #462
Changes
Testing
While this fixes the css side of things, there's also a bug in the expandable js code that is being addressed at Add onReady utility AtomicComponent#4. If you want to test this you'll need to symlink the atomic component into your cf-expandables directory. Follow these steps
cd to this repo, checkout this branch, and make the link connections
In another tab cd to the CF sandbox
navigate to
http://localhost:3000/components/cf-expandables/
Review
Screenshots
Notes
Sorry testing is such a bear, if you'd rather, feel free to wait till the AtomicComponent has been fixed to review this PR.The corresponding AtomicComponent release has been published. Testing instructions have been updated.Checklist