mcbSolutions / Pico-Plugins

Plugins for Pico - Pico is a stupidly simple, blazing fast, flat file CMS.
MIT License
12 stars 8 forks source link

TOC-nav inside header tag #5

Open ghag opened 6 years ago

ghag commented 6 years ago

Pico-Plugins/mcb_TableOfContent Version 0.3 NC 12.0.4 Markdown Editor 2.0.1 Pico CMS 0.9.7

Browser Source

...
<h1 id="mcb_toc_head1">Heading 1<a href="#top" class="toc-nav" mcb_toc_nav1="toc-nav">Top</a></h1>
...

index.twig

...
    <section id="content">
        <div class="inner">
    {{ mcb_toc }}
    {{ content }}
        </div>
    </section>
...

Output

mcb_toc_ausgabe
mcbSolutions commented 6 years ago

Where is the problem?

bernd-wechner commented 3 years ago

The style toc-nav in style.css is incorrectly anchored to id (#) and not class (.) so the anchors of that class are not rendered with the style that bears that classes name and are consequently full size (of the heading style) and not floating right.