I got this by creating an image of a short vertical line and then applied position: absolute to the image, after applying position: relative to the paragraph that contains the changes.
Code: Select all
<p style="position: relative;">
<img src="../../Resources/Images/short line.png" style="position: absolute; top: 51.2pt; left: -2.4in;" />
<img src="../../Resources/Images/short line.png" style="position: absolute; top: 64pt; left: -2.4in;" />
<img src="../../Resources/Images/short line.png" style="position: absolute; top: 76.8pt; left: -2.4in;" />
<img src="../../Resources/Images/short line.png" style="position: absolute; top: 89.6pt; left: -2.4in;" />Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<span class="deletedText">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut Lorem ipsum dolor sit amet, consectetur adipiscing elitaliquip ex ea commodo consequat.</span>
The content is in a two column table for formatting purposes. The problem arises at the top of the row that contains the paragraph with the changes:
Note how "Lorem" is indented. It is just a plain <p> tag, no formatting.
Code: Select all
<tr>
<td class="firstCol">
<p>3.2.12 P2P Token Management</p>
<p>(also repeated in 3.4.12 Small Business Token Management)</p>
</td>
<td class="noBorder">
<p><span class="purpleTextNoUnderline">3.2.12 P2P Token Management</span>
</p>
<p class="greenUnderline">Effective April 15, 2022</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Now's when it gets weird. If I add a random paragraph before the indented paragraph, I get this:
The indent disappears. Unless the line gets too long, then I get this:
Driving me crazy. Any ideas at all? Other suggestions for applying change bars? I do wish MadCap would improve Flare's Track Changes capabilities.