Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

tocIcon vertical positioning

Explorer ,
Jan 17, 2019 Jan 17, 2019

I have a custom TOC. Doing a few things to it via css and js. Only issue right now is the vertical positioning of the visited.png of an inset TOC item. Somewhere an inline style is changing the margin-top from the standard 14px to -5.93px. I'm trying to overwrite it with stuff like:

#tocContent div img {

margin-top: 14.06px !important;

}

or

div.tocEntryContainerStyle img {

margin-top: 14.06px !important;

}

No luck so far. Any ideas out there?

2019-01-17_13-43-42.jpg

237
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Explorer , Jan 17, 2019 Jan 17, 2019

After further experiments, it looks like #tocContent div img is successfully pushing the indented visited icons back down to where they should be. This also misaligns the expand/collapse arrow associated with the class "tocExpander", which is an easy fix. Just set .tocExpander { top: -4px !important;}. Tested, fixed.

2019-01-17_15-02-24.jpg

Translate
Explorer ,
Jan 17, 2019 Jan 17, 2019
LATEST

After further experiments, it looks like #tocContent div img is successfully pushing the indented visited icons back down to where they should be. This also misaligns the expand/collapse arrow associated with the class "tocExpander", which is an easy fix. Just set .tocExpander { top: -4px !important;}. Tested, fixed.

2019-01-17_15-02-24.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources