Write a single sidebar for SVG

[wbamberg]

Summary

The SVG docs should have a single sidebar which helps users discover all pages, not just SVG elements.

Currently it seems that our SVG docs are roughly in three parts:

• some tutorials
• lots of SVG element reference pages
• lots of SVG attribute reference pages

Most of the docs have a sidebar, built using the SVGRef macro: https://github.com/mdn/yari/blob/main/kumascript/macros/SVGRef.ejs. But this macro only lists SVG elements.

The tutorial docs don't have any sidebar at all :(

The macro should be updated to list SVG tutorials and attributes as well, so this other content is more easily discoverable.

URL

https://developer.mozilla.org/en-US/docs/Web/SVG and everything underneath it.

Reproduction steps

1. visit https://developer.mozilla.org/en-US/docs/Web/SVG
2. look at the sidebar and see it only shows SVG elements

Expected behavior

A sidebar that helps readers navigate to all parts of the SVG documentation.

Actual behavior

A sidebar that does not help readers navigate to all parts of the SVG documentation.

Device

Laptop

Browser

Firefox

Browser version

Pre-release (e.g. Beta, Nightly or Canary)

Operating system

Mac OS

Screenshot

Anything else?

No response

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.