TriliumNote 0.96.0 table caption print issue

[goldenpond]

I've updated Trilium Note to version 0.96.0, but the table captions look strange when I try to print a note.

[dosubot[bot]]

This is a known issue in 0.96.0, caused by a mismatch between the screen and print CSS for table captions. The screen styles set a background and text color for captions, but the print stylesheet doesn't fully override these, so when you print or export to PDF, the caption may have an unexpected background or color, or look misaligned. This was likely made more noticeable by the recent CKEditor update, which changed how table elements are rendered and styled in print output (source, CKEditor update).

A practical workaround is to add a custom print CSS override that forces table captions to have a transparent background and the correct text color. For example, you can add the following to your custom CSS:

@media print {
  .ck-content .table > figcaption {
    background: transparent !important;
    color: black !important;
  }
}

This should fix the strange appearance when printing or exporting notes with table captions. If you need help applying this, let me know!

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}   

[goldenpond]

Fixed the strange looking by adding the following to custom CSS:

@media print {
  .table > figcaption {
    width: 100vw;
  }
}

However, cannot put the caption on top of the table even with:

@media print {
  .table > figcaption {
    width: 100vw;
    caption-side: top;
  }
}

[eliandoran]

You can use this workaround:

@media print {
    figure.table {
        display: table !important;
    }
}

For more information see #6483.

[goldenpond]

👍