Center tag icon #523
Center tag icon #523
Conversation
There was a problem hiding this comment.
You moved the icon a bit. What feels like the solution but there is problem by doing this. By centering the icon the path will add some decimals to some points. If rendered on low pixel displays the icon will appear blurry. (See screenshot, left is yours). We can fix this by keep the points rounded. I fixed it by extended the tag icon so it centered again, but keeping the icon pixel perfect.
icons/tag.svg
Outdated
| <path d="m21.007 13.83-7.17 7.17a2 2 0 0 1-2.83 0l-8.59-8.58v-10h10l8.59 8.59a2 2 0 0 1 0 2.82z"/> | ||
| <line x1="7.417" x2="7.427" y1="7.42" y2="7.42"/> |
There was a problem hiding this comment.
| <path d="m21.007 13.83-7.17 7.17a2 2 0 0 1-2.83 0l-8.59-8.58v-10h10l8.59 8.59a2 2 0 0 1 0 2.82z"/> | |
| <line x1="7.417" x2="7.427" y1="7.42" y2="7.42"/> | |
| <path d="M2 12V2h10l9.44 9.44a2 2 0 0 1 0 2.82l-7.18 7.18a2 2 0 0 1-2.82 0L2 12Z" /> | |
| <path d="M7 7h.01" /> |
There was a problem hiding this comment.
A new problem appears to be the left-center point of the outside of the tag. That point is no longer rounded on full resolution. I attempted to resolve this but was unsuccessful while maintaining pixel perfection.
There was a problem hiding this comment.
I think this is the best solution. Most important thing is that the icon not look blurry on low resolution screens
Co-authored-by: Eric Fennis <[email protected]>
Resolve issue #504.