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

Octicon contribution for RemoveFilter #976

Merged
merged 10 commits into from
Sep 11, 2023

Conversation

UnicodeRogue
Copy link
Contributor

@UnicodeRogue UnicodeRogue commented Aug 16, 2023

Closes https://github.com/github/memex/issues/15800

Connected to this Epic: https://github.com/github/primer/issues/2396

I'm working through the contribution guidelines posted here: https://github.com/primer/octicons/blob/6cbce08cb1fde5e316a9a079c2938b7bc80e50f6/CONTRIBUTING.md

Which asks me to make sure to cover:

where the icon will be used:

In the SelectPanel, to indicate removing a filter

any relevant timeline information:

I'm not sure if this refers to the timeline-to-shipping, but I do want to note that as I was adding this icon, I noticed most other icons had their styles written out as a single line (like filter-16.svg, as one example) and I wanted to check if that needed to be the case for new icons as well

@changeset-bot
Copy link

changeset-bot bot commented Aug 16, 2023

🦋 Changeset detected

Latest commit: eed887c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/octicons Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions bot force-pushed the 15800-SelectPanel-FilterRemove branch from b5f461c to b4fd0af Compare August 18, 2023 14:55
@github-actions github-actions bot force-pushed the 15800-SelectPanel-FilterRemove branch from b4fd0af to 19e8220 Compare August 18, 2023 14:57
@gr2m
Copy link
Contributor

gr2m commented Aug 18, 2023

Great pull request and description 👍🏼 Based on other icons it seems you'll have to add a 24px variation as well?

No Changeset found

try to run npx changeset and follow instructions

@UnicodeRogue
Copy link
Contributor Author

Great pull request and description 👍🏼 Based on other icons it seems you'll have to add a 24px variation as well?

ah good call! Added ✔️ and changeset command run ✔️

@gr2m
Copy link
Contributor

gr2m commented Aug 18, 2023

looks like you need to update snapshots:

https://github.com/primer/octicons/actions/runs/5904633153/job/16017173213?pr=976#step:8:9

try running npx jest -u

@UnicodeRogue
Copy link
Contributor Author

note to say I'm continuing to troubleshoot the failing test 🚧

@UnicodeRogue
Copy link
Contributor Author

running npx jest -u didn't resolve things-

currently running yarn test -u to see how far I can get-

@UnicodeRogue
Copy link
Contributor Author

Output of npx jest -u

Screenshot 2023-08-22 at 2 25 18 PM

@UnicodeRogue
Copy link
Contributor Author

Output of running yarn test -u

Screenshot 2023-08-22 at 2 26 34 PM

@UnicodeRogue UnicodeRogue marked this pull request as ready for review August 22, 2023 19:43
@UnicodeRogue UnicodeRogue requested a review from a team as a code owner August 22, 2023 19:43
Copy link
Contributor

@gr2m gr2m Aug 22, 2023

Choose a reason for hiding this comment

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

I think the 24px SVG needs to be updated to use up the full space, right now it is still rendered as 16px with the rest being empty space. I'm not sure if there is an easy hack to upscale a 16px version? I'm sure the @primer/octicons-reviewers team will be able to help to give some pointers 🙏🏼

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sounds good, I'm checking with Design!

@UnicodeRogue UnicodeRogue changed the title draft- Octicon contribution for RemoveFilter Octicon contribution for RemoveFilter Aug 24, 2023
@gavinmn
Copy link
Contributor

gavinmn commented Aug 30, 2023

@UnicodeRogue Is there a related Octicons issue for this? I'm trying to understand if this is something the team looked at with you or if this is a new request altogether that we should take a look at in a working session.

@gr2m
Copy link
Contributor

gr2m commented Aug 30, 2023

It's a new request, the icon was initially need for https://github.com/github/memex/issues/15800 (private GitHub repository), but will also be needed for the new SelectPanel: https://github.com/github/primer/issues/2396

@CameronFoxly
Copy link
Contributor

Flying in from the octicons working group to help with this....

I think that your icon could use just a tiny bit of adjustment to help the little "x" feel balanced with spacing more consistent with the rest of the set. Here's my proposed adjustment (as well as the 24px version):

Screen Shot 2023-09-01 at 8 53 38 AM

I've commited these into this PR. Let me know if anyone sees any issues here, thanks!

Copy link
Contributor

@gr2m gr2m left a comment

Choose a reason for hiding this comment

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

thank you @CameronFoxly - it looks great!

@gr2m
Copy link
Contributor

gr2m commented Sep 5, 2023

@primer/octicons-reviewers can we get this pull request merged an released to conclude the work?

@CameronFoxly CameronFoxly merged commit 15ea1e4 into main Sep 11, 2023
12 checks passed
@CameronFoxly CameronFoxly deleted the 15800-SelectPanel-FilterRemove branch September 11, 2023 20:44
@primer primer bot mentioned this pull request Sep 11, 2023
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.

5 participants