8000 Centered icons (maybe a toggle option?) · Issue #71 · gfxholo/iconic · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Centered icons (maybe a toggle option?) #71

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.

Sign up for GitHub

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

Jump to bottom
Closed
pedrovanderbeek opened this issue Feb 4, 2025 · 4 comments
Closed

Centered icons (maybe a toggle option?) #71

pedrovanderbeek opened this issue Feb 4, 2025 · 4 comments
Labels
not a bug This feature works as intended

Comments

@pedrovanderbeek
Copy link

Made the switch from Iconize and I am really happy with everything except the alignment of the icons.
In iconize the icons are centered with the text, and in Iconic they align with the text height.
Might not be popular opinion, so would it be possible to make it a toggle or something like that?
Would be nice just to have that option, thank you so much.
@gfxholo
Copy link
Owner
gfxholo commented Feb 5, 2025

Hey friend, I'm not really sure what you mean? Both plugins look equally centered on the vertical axis to me:

#71

I screencapped the file explorer for this demo. Can you clarify what you'd like to see?

@pedrovanderbeek
Copy link
Author

Hey bud, I'm sorry I didn't provide more info on it, I also double-checked, and this "issue" both applies to mobile and desktop.
I have provided an example below, colorized is Iconic and the other is Iconize.

Thank you!

Image

@gfxholo
Copy link
Owner
gfxholo commented Feb 6, 2025

Thanks, I see it! I think this is one of those off-by-1-pixel quirks which are hard to avoid at lower resolutions. The best solution is probably a CSS snippet which you can adjust to your own taste:

.iconic-icon {
    translate: 0px -1px; /* horizontal pixels, vertical pixels */
}

If you only want sidebar icons to be affected:

.workspace-leaf .iconic-icon {
    translate: 0px -1px; /* horizontal pixels, vertical pixels */
}

Hope this gets you a similar alignment :]

@pedrovanderbeek
Copy link
Author

Ah, that's a shame... Thank you for looking into it anyway! I appreciate your dedication and effort in coming up with a basic css snippet to fix it, and the explanation of the "issue" aswell!

@gfxholo gfxholo added the not a bug This feature works as intended label Feb 6, 2025
@pedrovanderbeek pedrovanderbeek mentioned this issue Feb 15, 2025
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
not a bug This feature works as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@pedrovanderbeek @gfxholo
0