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

New Feature: webpage now displays <img> of SVG #834

Merged
merged 4 commits into from
Sep 7, 2021

Conversation

Thomas-Boi
Copy link
Member

@Thomas-Boi Thomas-Boi commented Sep 5, 2021

New feature section

Double check these details before you open a PR

  • PR does not match another non-stale PR currently opened
  • PR name matches the format New Feature: a brief description of feature

This PR adds/fixes

Adds a section to display the <img> of the selected SVG to the website.

This offers users an option to link external SVGs rather than using inline/pure SVGs. This will change dynamically depending on the currently selected SVGs.

I've tested the feature and here's what it looks like:

image

image

The feature above was inspired by this site which was submitted by @renevds on Discord.

Also redo the icon section and add a hint on how to increase the icon's size:
image

Notes

Later on, I'll work on a copy button to make things easier for the user. That'll be in a separate PR.

@renevds
Copy link

renevds commented Sep 5, 2021

Looks awesome :)
Small note, adding a width property slider would be great, standard these are really big.

Copy link
Member

@Panquesito7 Panquesito7 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall, everything else looks great! Awesome work, @Thomas-Boi! 😄👍

docs/index.html Outdated Show resolved Hide resolved
Co-authored-by: David Leal <halfpacho@gmail.com>
@Thomas-Boi
Copy link
Member Author

Looks awesome :)

Thank you 😄. It's all inspired by your idea.

Small note, adding a width property slider would be great, standard these are really big.

I think that's a bit of an overkill. I'll leave a note telling people that they can change the width and height to get what they want though.

Copy link
Member

@Panquesito7 Panquesito7 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 🚀 Thank you for contributing, @Thomas-Boi and @renevds! 😄👍

@Thomas-Boi Thomas-Boi merged commit 63b340c into develop Sep 7, 2021
@Thomas-Boi Thomas-Boi deleted the thomas/feature/imgTagCreator branch September 7, 2021 02:08
This was referenced Sep 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants