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

Scaling options for the svg badges #404

Open
DigiLive opened this issue Nov 13, 2023 · 2 comments
Open

Scaling options for the svg badges #404

DigiLive opened this issue Nov 13, 2023 · 2 comments

Comments

@DigiLive
Copy link

Given badges are IMO huge in dimensions.
It would be great if there would be badges available with smaller dimensions (e.g. to be used in a document) or the possibility to scale them dynamically.

I know I can scale a badge if I use it as a source for the image tag, but I mainly use markdown files with references. E.g.,

[![Open your Home Assistant instance and show your dashboard resources.][ref1]][ref2]

[ref1]: https://my.home-assistant.io/badges/lovelace_resources.svg
[ref2]: https://my.home-assistant.io/redirect/lovelace_resources/

vs

[<img src="https://my.home-assistant.io/badges/lovelace_resources.svg" alt="Open your Home Assistant instance and show your dashboard resources." width="200">](https://my.home-assistant.io/redirect/lovelace_resources/)

Previews:
Default scale: Open your Home Assistant instance and show your dashboard resources.

vs

Smaller scale: Open your Home Assistant instance and show your dashboard resources.

@bramkragten
Copy link
Member

We made the default for the badges smaller: #408

If you want an even smaller size, you can use the method you described above.
Personally I think your example is not readable and way too small.

@DigiLive
Copy link
Author

Yeah, it depends on preference.
That's why I suggested a dynamic size (based on query parameters or so).
Or having multiple sizes available.
Then, a user can make the choice of his preference.

If you take https://github.com/AalianKhan/mushroom-strategy/wiki as an example, it seems large to me and the smaller version I asked for fits better into context while still being perfectly readable.

It's all up to you. It made things a lot easier anyway. 👍🏻

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

No branches or pull requests

2 participants