Glossary terms in online output have extra space

[Finner]

I just upgraded to the new 2019 r2 patch, and now in Website Output my glossary terms are appearing with additional space after them. Does anyone know how to fix this?

Madcap.png

[ChoccieMuffin]

What does the code in that topic look like?

[Finner]

Code is below.

Madcapcode.png

[ChoccieMuffin]

Hmm, a puzzle. What's in the CSS for glossary items? Perhaps there's something in there that could be adjusted.

[Nita Beck]

In your output, use your browser's inspect tools to examine one of the glossary link elements in the generated topic. Study the HTML to see how Flare has converted your source code into the generated code. You'll also be able to see what CSS is coming into play.

[Finner]

Here is the code I was able to capture in the output for the glossary term "contact." I don't know how to decipher it, though!

<a href="#" class="MCTextPopup MCTextPopupHotSpot MCTextPopupHotSpot_ #text MCTextPopup_Closed" data-mc-state="closed" data-aria-describedby="980167ae-5b6f-4d87-adc2-93899df489f5" role="button">contact<img class="MCHelpControl_Image_Icon" src="../../../Skins/Default/Stylesheets/Images/transparent.gif" height="11" width="16" alt="Closed" data-mc-alt2="Open"><span class="MCTextPopupBody popupBody" aria-hidden="true" role="tooltip" id="bf87c44c-6004-4344-ac07-194ed582b16f" style="opacity: 0; top: 253.688px; left: 142.413px; height: auto; z-index: 1;"><span class="MCTextPopupArrow" style="margin-left: -13px;"></span>An HCP or consumer who will receive marketing data</span></a>

[Finner]

FYI, I had two colleagues test out this problem. One had downloaded the most recent Flare patch, and the other had not. The one who downloaded the recent patch experienced the same problem--additional spaces after the glossary term in online output. This needs to be looked into by Flare.

[Finner]

Since glossary terms are not showing properly in online output, we are wondering whether it would be better to use the MadCap | glossaryTerm style from the Basic.css instead of the one in our customized styles.css. Is there an easy way to copy a stylesheet style from one stylesheet to another?

[bleebs]

I'm having exactly the same issue. My CSS previously prevented the display of the transparent gif - Flare is overriding that now. I can't compare now, but maybe it's a new/different css class.

I've added the following to my CSS to fix it.

Code: Select all

img.MCHelpControl_Image_Icon
{
	display: none;
}

[Finner]

bleebs, I added the code and it's fixed! Thank you!!!

[Curlyshell]

The link to the image is broken. I see your reference to the image starts with ../../../ I don't know what it should be, but my image reference is ../../ when it should be only ../ —I reported this.

But thanks for the tip. Who needs that stupid icon?

[dazedandconfused]

@bleebs
Dumb question alert...Not a coder here, I understand the concept of adding the code to change the CSS but where do I add it?

[doloremipsum]

@bleebs
Dumb question alert...Not a coder here, I understand the concept of adding the code to change the CSS but where do I add it?

Not a dumb question, you've got to start somewhere! Open your stylesheet file using any text editor (e.g. in Flare, right click and select Open With > Internal Text Editor). You can probably paste that code right at the bottom of the page to get the result you want. If you had styles for the style class already you should probably replace/add to the existing ones, but in this case that seems unlikely.

(This should answer Finner's question about copying styles from one sheet to another as well - open both as text and replace one style with the other.)