mathesar icon indicating copy to clipboard operation
mathesar copied to clipboard

Customize page favicons

Open seancolsen opened this issue 1 year ago • 0 comments

Current behavior

  • All pages have the same favicon

Desired behavior

  • Our Navigation Specs require that we use distinct favicons for pages that represent different types of entities.

Implementation

  1. Review specs to see which entities require custom favicons.
  2. Look in src/icons.ts to find the correct FontAwesome icons for those entities.
  3. Generate custom favicons based on the FontAwesome icons. I like to follow this guide for favicons, but we could probably get away with just using the SVG. Which browser's don't support SVG favicons these days? It might be good to look.
  4. Use <svelte:head> to modify the HTML <head> element from within components like TablePage.svelte

Status

  • Blocked by #1231

seancolsen avatar Aug 11 '22 20:08 seancolsen