https://issues.liferay.com/browse/LRDOCS-805

https://issues.liferay.com/browse/LRDOCS-805

Updated LiferayToHtmlSerializer to handle different types of sidebars: notes, tips, and warnings. The serializer now add a separate div with a '[note|tip|warning]-sidebar-image' CSS class for the background image and wraps the text paragraph in a div with a '[note|tip|warning]-sidebar-paragraph' CSS class.

If the alt text of the sidebar node is not equal to "note", "tip", or "warning", the old serializer logic is used and an <img> tag is printed. With the new serializer, <img> tags are not created for sidebars with alt text equal to "note", "tip", or "warning". Instead, a theme developer can use the hard-coded CSS classes to add a background-image CSS property to specify an image. E.g.,

hr {
    clear: left;
}

.sidebar-note-image sidebar-tip-image sidebar-warning-image {
    background-image: url("tip.png");
    float: left;
    height: 111;
    width: 100;
}

@jhinkey Jim, I meant to send this pull to you but you're not appearing in the Github dropdown list. Do you know a workaround for this?