The bottom of standalone embed charts get cuts off because <section class='graphic'> has margin-top: 3rem by default
Fix
Wrap embed graphics in <div class="embed-graphic"> and added this style to global.scss:
.embed-graphic { section { margin-top: 0; margin-bottom: 0; } }
I wrapped the embed graphic in <div class="embed-graphic"> so that it doesn't affect margins in the overall embed page.
Other notes
Folks in APAC didn't know that we can make embeds in the same project for interactive pages -- they had been spinning a separate project just for repos -- so I added an example map.svelte component in pages/embeds/en. Planning on showing APAC how to make embeds this way.
Problem
The bottom of standalone embed charts get cuts off because
<section class='graphic'>
hasmargin-top: 3rem
by defaultFix
Wrap embed graphics in
<div class="embed-graphic">
and added this style toglobal.scss
:.embed-graphic { section { margin-top: 0; margin-bottom: 0; } }
I wrapped the embed graphic in
<div class="embed-graphic">
so that it doesn't affect margins in the overall embed page.Other notes
Folks in APAC didn't know that we can make embeds in the same project for interactive pages -- they had been spinning a separate project just for repos -- so I added an example
map.svelte
component inpages/embeds/en
. Planning on showing APAC how to make embeds this way.