Text or graphic in change bar
This sample page demonstrates how to create change bars with notes using CSS for paged media with Antenna House Formatter. In this example, the .changed1 and .changed2 classes are used to mark the paragraphs that have changes. The ::before pseudo-element is used to insert the change bar and note content, while the ::after pseudo-element closes the change bar span. The -ah-change-bar-* properties control the appearance and positioning of the change bars, and standard CSS properties are used to style the note content and adjust the layout.
This text has changes. There is a change bar with a note. This text has changes. There is a change bar with a note. This text has changes. There is a change bar with a note. This text has changes.
This text has no changes. There is no change bar. This text has no changes. There is no change bar. This text has no changes.
This text has changes. There is a change bar without a note. This text has changes. There is a change bar without a note. This text has changes. There is a change bar without a note.