Improve Export to PDF

[AngelusDomini]

Hey, just discovered your interesting multi-column snippet and I'm looking forward to using it more as it's something that I've been wanting for a while now. Tried Obsidian's Export to PDF feature with the snippet and I've found some issues:

Drop shadows on blank-container columns

First, there are some drop shadows underneath what seems to be the border of each column even though I'm using blank-container:

Not sure if this was intentional. It might be intentional for non-blank-container stuff (e.g., with standard callouts) and other things I'm not considering, but it doesn't seem to fit with blank-container stuff.

Multi-column lists not working

Another problem I've found is that the <two|three|multi>-column-list, etc. aren't rendered in the exported PDF: instead of dividing the list in columns, it's the regular long top-bottom list. I'm using the frontmatter to enable this instead of using the Markdown Attributes plugin, and I've experienced frontmatter-enabled snippets to export properly in the past, so it seems that these css classes haven't been coded to support PDF-export yet.

No gap between standard callouts

As seen in the image, there's very little to no gap between the visible callouts, which can seem off. That said, I think adding the gap between these callouts might also increase the gap for blank-container callouts as well, which can also seem off or that users may prefer less gaps between the latter and more on the former—if that makes sense.

Conclusion

These are the issues I've found so far, there may or may not be more of them since I've only done a few testing; I'm sure you would do a better job at testing since you know the features more. I also haven't tried out your wide views and gallery cards snippets so I can't say much about them in terms of PDF-exports, but there might be issues there as well that you could consider dealing with.

Thanks so much for what you do, apologies if this was long and complain-y 😅 Keep up the good work!

[efemkay]

tqs for the test. definitely will become my reference. i'm aware the export to pdf isn't faithful to how it looks on the screen. i haven't found the "how" to make obsidian export to pdf works (unlike if i do normal html page export to pdf). so it may take awhile (if it even possible) for me to get there.

[0phoff]

I added the following CSS to have gaps between my columns:

@media print {
  div[data-callout="multi-column"].callout > .callout-content {
    width: 100%;
    gap: var(--callout-gap);
  }
}