Skip to content Fixed
- Scrollbar gutter reserved space on splash pages, leaving a gap next to the topbar. Now only applied on pages with a scrollbar.
- Mermaid toolbar buttons use Northwestern purple focus rings instead of the browser default.
- Mermaid fullscreen close button dropped the red danger style and matches the other overlay buttons.
Changed
- Mermaid overlay buttons sized and styled to match the header theme toggle.
Added
- Fullscreen mermaid viewer supports touch: one-finger pan, pinch-to-zoom, two-finger pan.
- Mermaid toolbar stays visible on touch devices (
hover: none) since hover is unavailable.
- SVG downloads use descriptive filenames derived from the site title, page slug, and diagram type (e.g.,
northwestern-starlight-theme_examples-mermaid-flowchart.svg).
Added
- Fullscreen Mermaid viewer: wheel zoom and double-click zoom anchor to the pointer position.
- Zoom level badge (e.g.
84%) in the fullscreen viewer.
- GFM footnote styles: superscript
[n] reference markers, footnotes section with separator, styled ↩︎ back-references.
Fixed
- Mermaid diagrams sometimes breaking on Firefox and Safari. The toolbar script read
textContent after astro-mermaid had already rendered SVG into the element. Reads data-diagram first now.
- Horizontal rules in dark mode used
--nu-purple-140, which was invisible against the background. Switched to --nu-border-color.
Accessibility
- Fullscreen Mermaid overlay:
role="dialog", aria-modal, focus trap, focus restore on close.
- White focus rings on overlay controls, theme toggle, and menu button (all sit on dark backgrounds where the purple ring was invisible).
- Inline Mermaid toolbar buttons use a solid accent outline on focus instead of the near-invisible shadow ring.