Skip to content

feat: Replace icons with provided, to-spec SVGs

stephen requested to merge replace-various-icons-with-icon-font into main

There are two categories of icons which need to be replaced throughout the codebase:

  • Phosphor icons, with similar-but-to-spec versions thereof

  • Non-SVGs, with similar-but-SVG versions thereof The footer was rife with the latter (along with a place where there should have been an icon and just wasn't). This MR utilizes an SVG icon font to provide sharp, clear, and in-spec icons for use in the footer (rather than some old busted PNGs).

  • footer.ttf, footer.svg, footer.woff (etc) added to repository

  • /static/sass/partials/_fonts.scss extended to include definition for footer icon font

  • /static/sass/partials/_icons.scss extended to include definitions for custom icon font elements (overall and individually)

  • /static/sass/sections/_header-footer.scss extended to adjust text and icon elements to lay right near each other

  • *.css renders via postcss

  • footer.html adjusted to allow A11Y-accessible text labels for icon font icons, and to add long-missing copyleft icon to copyleft statement

Merge request reports