- Bear Version: Version 2.5.1 (13605)
- OS Version: 15.6 (24G84)
- What were you doing: I was exporting Notes to HTML. Earlier they used to render with the callout background but not anymore.
- What feature did you use: callouts
- What happened: callouts background didn’t render in HTML
- What did you expect to happen: I expected the background to be rendered.
Previously in HTML export:
Now how they look like:
On debugging the html contents before and now, i see the following styles were now missing at the end:
.document-wrapper blockquote.md-callout{padding-top:.8em;padding-bottom:.8em;border:1px solid;margin-inline:calc((var(--document-md-indentation) - 4px) * 0.5 + var(--nested-block-marker-skew));border-radius:3px;padding-inline-start:calc(var(--document-md-indentation) - 9px);padding-inline-end:calc(var(--document-md-indentation) - 9px);margin-left:1em}.document-wrapper blockquote.md-callout:before{top:0;left:0;width:.13em;height:calc(100%)}.document-wrapper>.md-callout{margin-inline:calc(var(--md-indentation) + (var(--md-indentation) - 4px) * 0.5 + var(--nested-block-marker-skew))}.document-wrapper .md-callout>.md-callout-head{font-family:var(--document-headers-font)}.document-wrapper .md-callout>.md-callout-head:not(:last-child){margin-bottom:.5em}.document-wrapper .md-callout-head img{vertical-align:baseline;margin-right:.1em}.document-wrapper blockquote.md-callout-note{border-color:var(--document-callout-note-border-color);background-color:var(--document-callout-note-background-color)}.document-wrapper blockquote.md-callout-note:before{border:var(--document-hairline-width) solid var(--document-callout-note-border-color);background-color:var(--document-callout-note-bar-color)}.document-wrapper .md-callout-note>.md-callout-head{color:var(--markdown-view-highlighter-blue-text-color)}.document-wrapper .md-callout-note .md-callout-head>img,.document-wrapper blockquote.md-callout-caution .md-callout-head>img,.document-wrapper blockquote.md-callout-tip .md-callout-head>img,.document-wrapper blockquote.md-callout-warning .md-callout-head>img{margin-bottom:-2px}.document-wrapper blockquote.md-callout-tip{border-color:var(--document-callout-tip-border-color);background-color:var(--document-callout-tip-background-color)}.document-wrapper blockquote.md-callout-tip:before{border:var(--document-hairline-width) solid var(--document-callout-tip-border-color);background-color:var(--document-callout-tip-bar-color)}.document-wrapper blockquote.md-callout-important::before,.document-wrapper blockquote.md-callout-important:before{background-color:var(--document-callout-important-bar-color)}.document-wrapper blockquote.md-callout-tip>.md-callout-head{color:var(--markdown-view-highlighter-green-text-color)}.document-wrapper blockquote.md-callout-important{border-color:var(--document-callout-important-border-color);background-color:var(--document-callout-important-background-color);background-color:var(--document-callout-important-background-color);border-color:var(--document-callout-important-border-color)}.document-wrapper blockquote.md-callout-important:before{border:var(--document-hairline-width) solid var(--document-callout-important-border-color)}.document-wrapper blockquote.md-callout-important>.md-callout-head{color:var(--markdown-view-highlighter-purple-text-color)}.document-wrapper blockquote.md-callout-important .md-callout-head>img{margin-bottom:-4px}.document-wrapper blockquote.md-callout-warning{background-color:var(--document-callout-warning-background-color);border-color:var(--document-callout-warning-border-color)}.document-wrapper blockquote.md-callout-warning::before{background-color:var(--document-callout-warning-bar-color);background-color:var(--document-callout-caution-bar-color)}.document-wrapper blockquote.md-callout-warning>.md-callout-head{color:var(--markdown-view-highlighter-yellow-text-color)}.document-wrapper blockquote.md-callout-caution{background-color:var(--document-callout-caution-background-color);border-color:var(--document-callout-caution-border-color)}.document-wrapper blockquote.md-callout-caution>.md-callout-head{color:var(--markdown-view-highlighter-red-text-color)}