When I output an HTML with glossary terms they show up incorrectly online. Both the term itself overruns the arrow icon and when you hover over the icon the expanded text that should show up on the grey box is not centered in the box:
UPDATE:
After inspecting the output using Developer Tools in Chrome, I found that there is a text-indent property value that is being inherited from the parent element (through a complex selector). I then counteracted this by adding a text-indent: 0; on the '.popupBody' generic class.
Here is the same part of the document in MCF with the XML:
Any help would be greatly appreciated, thank you!HTML Output for Glossary Term Off Center
HTML Output for Glossary Term Off Center
You do not have the required permissions to view the files attached to this post.
Last edited by caaschau on Mon Nov 22, 2021 10:23 am, edited 1 time in total.
Re: HTML Output for Glossary Term Off Center
After inspecting the output using Developer Tools in Chrome, I found that there is a text-indent property value that is being inherited from the parent element (through a complex selector). I then counteracted this by adding a text-indent: 0; on the '.popupBody' generic class. Problem solved.