Skip to content

Add "permalink" anchor links to page subsections #461

@jywarren

Description

@jywarren

We have a nice menu now to link down to subsections on the page, using id attributes and URL hashes, like this:

https://code.publiclab.org/#fto-author

The code for the menu looks like this:

<li><a class="line" href="#candidate">Candidates</a></li>
<li><a class="line" href="#fto-author">FTO Authors</a></li>
<li><a class="line" href="#contributer">Contributers</a></li>
<li><a class="line" href="#lang-sec">Languages Used</a></li>

Let's make each header into a link as well, so they're easy to "deep link" to, so you get right to the correct section. This will require adding an A tag around the text of each header, like <a href="#fto-author">...</a>, similarly to the above.

However, some sections get edited live by JavaScript, for example to update the counts, in sections like this, "Stale issues (COUNT)":

image

For those, we need to see if making that section into a link breaks this functionality, or if we need to adjust other areas of code to accommodate them being links.

This is therefore a little more complex than a first-timers-only issue! We'd still love help on it however!

Metadata

Metadata

Assignees

No one assigned

    Labels

    add-code-linksPlease help by adding links to where the code is for the described work.help wanted

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions