underscore-ebook-template icon indicating copy to clipboard operation
underscore-ebook-template copied to clipboard

Callout rendering is messy

Open noelwelsh opened this issue 9 years ago • 2 comments

Callouts render differently (and poorly) in PDF and HTML. In PDF they have two titles, the title assigned to the Latex environment, and then the title given to any content.

screen shot 2015-10-08 at 12 56 25

In HTML they only have two level heading numbering, which is confusing as they are often within at least two levels of headings already.

screen shot 2015-10-08 at 12 56 46

noelwelsh avatar Oct 08 '15 11:10 noelwelsh

Proposed fix:

  • remove frametitle attribute from InfoCallout, WarningCallout, and DangerCallout environments.
  • the incorrect numbering in the HTML is, as far as I can tell, Pandoc messing up. Propose marking callout headings as unnumbered in our style guide.

noelwelsh avatar Oct 08 '15 11:10 noelwelsh

If it's the problem I think it is, we've worked around this in Essential Slick by just using bold:

<div class="callout callout-info">
**Group By True**

There's a `groupBy { _ => true}` trick 
...

This renders in HTML as:

essential-slick-3 pdf page 100 of 127 2015-10-08 12-55-50

d6y avatar Oct 08 '15 11:10 d6y