Skip to content

🐞 CSS Style is invalid in PDF Exported #360

@SMAH1

Description

@SMAH1

Check for existing bug reports before submitting.

  • I searched for existing Bug Reports and found no similar reports.

Expected Behavior

I wrote sample page show problem that called test.md.

That like this in obsidian:

Image

I want See this in PDF Export:

Image

Current behaviour

We have gap between callout and code block.

Image

Reproduction


> [!todo] Request
> 
```json
{
  "id": "<unique-id>",
  "request": "users-status"
}
```


> [!note]
> 
```json
{
  "id": "<unique-id>",
  "request": "users-status"
}
```


First
```ad-tip
test

```
Next
> [!success]
> 
data

Finish

Which Operating Systems are you using?

  • Android
  • iPhone/iPad
  • Linux
  • macOS
  • Windows

Obsidian Version Check

1.9.12

Plugin Version

10.3.2

Confirmation

  • I have disabled all other plugins and the issue still persists.

Possible solution

so I add css snippet like this:

@media print {
  .markdown-preview-view div pre {
    margin-top: 0;
  }
	
  .markdown-preview-view div.callout[data-callout-metadata]{
    margin-bottom: 0;
  }
}

that is fixed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions