Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide standard height readme badge SVG #1988

Closed
janosh opened this issue Aug 17, 2022 · 6 comments
Closed

Provide standard height readme badge SVG #1988

janosh opened this issue Aug 17, 2022 · 6 comments

Comments

@janosh
Copy link

janosh commented Aug 17, 2022

The Open in StackBlitz badge is too tall. Inlining it with other badges looks bad:

Screen Shot 2022-08-17 at 11 34 02

Would be nice if StackBlitz could offer a 2nd SVG that conforms to the height of other badges.

The closest thing looking like a StackBlitz badge I was able to get from shields.io currently misuses the Pytorch Lightning logo:

[![Open in StackBlitz](https://img.shields.io/badge/Open%20in-StackBlitz-darkblue?logo=pytorchlightning)](https://stackblitz.com/github/janosh/periodic-table)

Open in StackBlitz
Open in StackBlitz

Related: shields.io uses simple icons as its icon source. I submitted an issue to add the StackBlitz icon to their collection at simple-icons/simple-icons#7681. I assume there are no objections to being listed there?

@donmckenna
Copy link

Thanks for bringing this up. We'll be updating this soon 👍

@donmckenna
Copy link

We've now added a smaller badge to the docs.
https://developer.stackblitz.com/docs/guide/open-from-github/#the-open-in-stackblitz-button

Screen Shot 2022-08-19 at 3 17 53 PM

Closing this issue. Thanks for the feedback!

@janosh
Copy link
Author

janosh commented Aug 19, 2022

Thank you very much! Is there any interest in submitting the StackBlitz logo to simple-icons to close simple-icons/simple-icons#7681?

@LitoMore
Copy link

LitoMore commented Sep 2, 2022

Thank you very much! Is there any interest in submitting the StackBlitz logo to simple-icons to close simple-icons/simple-icons#7681?

Working in progress now: simple-icons/simple-icons#7732

You may need to wait for the simple-icons to release this change, then wait for the shields.io to apply this change.

@LitoMore
Copy link

LitoMore commented Sep 21, 2022

It's available now!

Here are some examples:







![](https://shields.io/badge/StackBlitz-1269D3?logo=stackblitz)
![](https://shields.io/badge/Open_in_StackBlitz-1269D3?logo=stackblitz)
![](https://shields.io/badge/Open_in_StackBlitz-1269D3?logo=stackblitz&labelColor=555)
![](https://shields.io/badge/Open_in_StackBlitz-555?logo=stackblitz&labelColor=1269D3)
![](https://shields.io/badge/Open_in-StackBlitz-1269D3?logo=stackblitz)
![](https://shields.io/badge/StackBlitz-Try_it-1269D3?logo=stackblitz)
![](https://shields.io/badge/StackBlitz-Try_it-eee?logo=stackblitz&labelColor=1269D3)

@janosh
Copy link
Author

janosh commented Sep 21, 2022

I saw it yesterday. 👍

Been using it on svelte-multiselect, svelte-toc and others. 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants