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

logo.svg crops left side of graphic #164

Open
sidewayss opened this issue Nov 18, 2024 · 0 comments
Open

logo.svg crops left side of graphic #164

sidewayss opened this issue Nov 18, 2024 · 0 comments
Labels
bug Something isn't working Effort: low Easy to address issues, ideal for first time contributors! Priority: low Topic: docs

Comments

@sidewayss
Copy link

sidewayss commented Nov 18, 2024

https://github.com/color-js/elements/blob/main/logo.svg

Note how the red < is cropped. I don't have this repo forked, but I imagine that the viewBox needs to be adjusted to set the left edge in negative territory (it's currently at zero) and to increase the width accordingly:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -625 630 615" overflow="visible" height="600">

Though that moves the image behind it off-center, so maybe you need to move that red angle bracket rightward instead. Then you might need to redo the horizontal spacing in that layer.

@LeaVerou LeaVerou added Effort: low Easy to address issues, ideal for first time contributors! Priority: low Topic: docs bug Something isn't working labels Dec 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Effort: low Easy to address issues, ideal for first time contributors! Priority: low Topic: docs
Projects
None yet
Development

No branches or pull requests

2 participants