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

Refresh go-home and align with other go- icons #1294

Open
wants to merge 16 commits into
base: main
Choose a base branch
from

Conversation

wpkelso
Copy link
Member

@wpkelso wpkelso commented Jul 26, 2024

Closes #1094

Refreshes go-home to use standard fill color, unifies it's corner radii with other go- icons, and move it's baseline up by two pixels to align with other go- icons

@wpkelso wpkelso marked this pull request as ready for review July 26, 2024 21:59
@danirabbit
Copy link
Member

It looks like this has conflicts now. Can you resolve those please? :)

@danirabbit
Copy link
Member

It also looks like the icon in #1094 is the 24px version, so you'll need to make sure to update that one as well

@wpkelso wpkelso requested a review from danirabbit August 13, 2024 20:33
Copy link
Member

@danirabbit danirabbit left a comment

Choose a reason for hiding this comment

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

Couple problems here with like positioning and size. If you look at for example the home icon in an entry at 16px, it's really crammed up against the top edge now. It doesn't look vertically centered:

Screenshot from 2024-08-16 14 58 35

In terms of scale, if you were to take the 24px version and scale it down at the same time as another icon it's commonly next to (like the arrow) you can see that this 16px version is a lot larger than the arrow:

Screenshot from 2024-08-16 15 04 08

Pictured here in red is how large the home icon would be if it was scaled proportionally to the arrow icon. You can really see also how the length of the chimney is significantly different between these sizes

And also it looks like you haven't merged down these shapes :)

@wpkelso
Copy link
Member Author

wpkelso commented Aug 24, 2024

Couple problems here with like positioning and size. If you look at for example the home icon in an entry at 16px, it's really crammed up against the top edge now. It doesn't look vertically centered:

Hmm, that might be an artifact of my misidentifying the problem in the original screenshot. I believe (Ill check a little later) that 'view-refresh' is top aligned when I looked at the file, so I matched that alignment here. Centering home will likely reintroduce the alignment issue present in the screenshot without some compensation in refresh.

Ill fix the alignment here, but I want to do some investigating to see whether all of the view icons are like that.

@danirabbit
Copy link
Member

Yeah so, if I remember correctly, the top of the arrow in the refresh icon does reach the top of the canvas, but the actual circular body of the icon is vertically centered. So it's okay to have elements that are like ascenders and descenders, but you also have to make sure the visual weight of the icon is centered

@wpkelso wpkelso requested a review from danirabbit September 16, 2024 18:36
@wpkelso wpkelso changed the title Align go-home with other go- icons Refresh go-home and align with other go- icons Sep 23, 2024
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

Successfully merging this pull request may close these issues.

Home button lower than others
2 participants