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

Update git-commit icon #106

Merged
merged 4 commits into from
Apr 26, 2022
Merged

Update git-commit icon #106

merged 4 commits into from
Apr 26, 2022

Conversation

daviddossett
Copy link
Contributor

@daviddossett daviddossett commented Apr 22, 2022

Updates git-commit to feature a centered vertical stroke and slightly thicker circle stroke. This enables the icon to be in proper alignment with the circle-outline icon that it's now paired with in the Timeline view.

CleanShot 2022-04-26 at 09 16 43@2x

@miguelsolorio
Copy link
Contributor

Hmm...my concern is that it's another similar icon and people looking at the icons might not know why they are different. We run into this issue with the debugger play button (which is thicker) and the regular play button.

Did you try updating the git-commit to have the same weight and positioning instead?

@daviddossett
Copy link
Contributor Author

daviddossett commented Apr 22, 2022

Yeah, I definitely share the concern. One challenge with updating git-commit to use the outline from circle-outline is the inherent offset used in git-commit to visually center the 1px vertical stroke. It would end up looking something like this:

CleanShot 2022-04-22 at 13 08 36@2x

@miguelsolorio
Copy link
Contributor

I see that problem, even though we would want to have everything aligned to the pixel grid as much as possible, the vertical line would need to be adjusted and be off-grid. I think I'd rather have that instead of introducing another similar icon.

And backstory on the thicker stroke, the circle outline was actually used only for unverified breakpoints and so the entire breakpoint icons have a slight thicker stroke to stand out in smaller sizes. I think we're a bit inconsistent with this style and can see updating other places where they aren't.

@daviddossett
Copy link
Contributor Author

Here's how it could look to update git-commit to use the thicker stroke + centered line straddling the grid:

CleanShot 2022-04-25 at 10 20 47@2x

CleanShot 2022-04-25 at 10 20 52@2x

@daviddossett daviddossett changed the title Add git-change icon Update git-commit icon Apr 26, 2022
Copy link
Contributor

@miguelsolorio miguelsolorio left a comment

Choose a reason for hiding this comment

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

LGTM, do you think we should also update the line to be the same stroke weight? also realize that this might make the rest of the git icons a bit inconsistent so not sure if it's worth it

CleanShot 2022-04-26 at 10 29 30@2x

@miguelsolorio miguelsolorio added this to the April 2022 milestone Apr 26, 2022
@miguelsolorio miguelsolorio merged commit 1f02c83 into main Apr 26, 2022
@miguelsolorio
Copy link
Contributor

Feel free to update the codicons file on the vscode repo

@daviddossett
Copy link
Contributor Author

do you think we should also update the line to be the same stroke weight? also realize that this might make the rest of the git icons a bit inconsistent so not sure if it's worth it

I thought about this and felt it was a better compromise to leave it as is. It felt pretty heavy when I tried (it in addition the the consistency issue).

@daviddossett
Copy link
Contributor Author

Updated codicons file: microsoft/vscode@dc58d4e

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.

2 participants