Skip to content

Conflicts with lineanchors #13

Description

@rpapallas

I use lineanchors to make possible numbering in my code.
{% highlight java lineanchors %}

When I installed the plugin this cause the very first number in the source code to change position, the problem though is not in the CSS of the TOC but in the actual ruby code. The debugging I did was to first disable the TOC CSS to see if they are conflicting and then to remove the toc_generate from {{ content | toc_generate }}.

The CSS didn't fix the problem but removing toc_generate fixed the problem.

The problem:
screen shot 2016-02-13 at 00 25 36

Note that I have tried to user Inspect Element to see if any CSS or anything else make any change but without result. Unfortunately, I don't know Ruby at all, which makes hard to identify if the source code causes anything to that.

Necessary code:

<table class="toc" id="toc">
    <tbody>
      <tr>
        <td>
          <div id="toctitle">
            <h2>Table of Contents</h2>
          </div>
          <ul>
            <li class="toc_level-1 toc_section-1">
              <a href="#tocAnchor-1-1"><span class="tocnumber">1</span> <span class="toctext">Introduction</span></a>
            </li>
            <li class="toc_level-1 toc_section-2">
              <a href="#tocAnchor-1-2"><span class="tocnumber">2</span> <span class="toctext">Today’s Agenda</span></a>
            </li>
            <li class="toc_level-1 toc_section-3">
              <a href="#tocAnchor-1-3"><span class="tocnumber">3</span> <span class="toctext">Algorithm Overview</span></a>
            </li>
            <li class="toc_level-1 toc_section-4">
              <a href="#tocAnchor-1-4"><span class="tocnumber">4</span> <span class="toctext">Parallelise the algorithm</span></a>
              <ul>
                <li class="toc_level-2 toc_section-5">
                  <a href="#tocAnchor-1-4-1"><span class="tocnumber">4.1</span> <span class="toctext">Implementing the algorithm</span></a>
                </li>
              </ul>
            </li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>
<figure class="highlight">
  <pre>
    <code class="language-java" data-lang="java"><a name="True-1" id="True-1"></a><span class="kn">import</span> <span class="nn">java.util.Arrays</span><span class="o">;</span>
<a name="True-2" id="True-2"></a>
<a name="True-3" id="True-3"></a><span class="kd">public</span> <span class="kd">class</span> <span class="nc">ClassName</span>
.
.
.
.
  </pre>
</figure>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions