openeuropa / bootstrap-component-library

Openeuropa Bootstrap Component Library
https://oelibrary.netlify.app/
MIT License
14 stars 9 forks source link

Facts and figures vertical spacing issue in `block` variant #575

Open kp77 opened 7 months ago

kp77 commented 7 months ago

When using the Facts and figures component with the block variant, there is a top spacing collapse issue with any other component that's above it. The screenshot demonstrates the issue together with a Banner component on top:

Screenshot 2024-02-05 at 22 13 35

Note that in the screenshot there are no margins between the components (the two components should be adjacent, but the banner overlaps the facts and figure component). If the components would have containers defining vertical spacing, the spacing would be also affected by the issue (less spacing on top than on the bottom of the facts and figures block).

I found that removing the pt-0 class from the container (added by the block variant) would solve the issue.

BCL version: 1.2.0