feat(playground): add leaf connection icons inside playground VSCODE-650 #885
Conversation
fonts/mongodb-icons.woff
Outdated
There was a problem hiding this comment.
We can either have this font generated in CI or just do it ourselves at changes? I feel like this is a small enough file and one we will likely not touch often (and would also require package.json updates) so perhaps it's fine just having this as part of repo files?
| * https://code.visualstudio.com/api/references/icons-in-labels | ||
| */ | ||
| async function main(): Promise<void> { | ||
| const font = await webfont({ |
There was a problem hiding this comment.
I think it's worth it to have a external dev dependency / script for this. We can potentially utilize Vscode's support for icons fonts for i.e. easily having different color versions of the same icons and, as in this case, easily including icons in different places. Open to discussing this if there are other ideas though; at least for codelenses the need for an icon font is unavoidable so we could either ask design to make it or generate it from this script as done here.
The link from the comment:
https://code.visualstudio.com/api/references/icons-in-labels
gagik
changed the title
|
Maybe the style of icons would look more aligned if the 
|
We discussed that with @GaurabAryal and figured color could be cool in terms of encouraging people to click on them for this specific case. |
Co-authored-by: Alena Khineika <alena.khineika@mongodb.com>
This adds a script to generate an icon font from the SVGs we have and use them inside VSCode, specifically the playground connection codelens.