Skip to content

Conversation

@siddharthkp
Copy link
Member

Fixes #1666

There is a global declaration in github.com in commit-acitivity.scss#L17 which makes the multi-selection look strange:

rect {
  shape-rendering: crispedges;
}

The ideal fix would be to remove the global style declaration but that's not going to a trivial task as this line is pretty old with implicit dependencies across the codebase.

We can absorb this override into the component as a workaround. Hopefully we can remove this in the future.

Screenshots

Before:

the selection svg has rough edges

After:
the selection svg has smooth edges

Merge checklist

  • NA Added/updated tests
  • NA Added/updated documentation
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

@siddharthkp siddharthkp requested review from a team and jfuchs November 30, 2021 14:22
@changeset-bot
Copy link

changeset-bot bot commented Nov 30, 2021

🦋 Changeset detected

Latest commit: c2fd500

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

This PR includes changesets to release 1 package
Name Type
@primer/components Patch

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

@siddharthkp siddharthkp changed the title ActionList: Override global shape-rendering for github.com ActionList: Fix multiple selection svg by overriding global shape-rendering for github.com Nov 30, 2021
@siddharthkp siddharthkp requested a review from dmarcey November 30, 2021 14:26
@github-actions
Copy link
Contributor

github-actions bot commented Nov 30, 2021

size-limit report 📦

Path Size
dist/browser.esm.js 57.38 KB (+0.12% 🔺)
dist/browser.umd.js 57.78 KB (+0.11% 🔺)

Copy link
Contributor

@dmarcey dmarcey left a comment

Choose a reason for hiding this comment

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

Thanks @siddharthkp! 💖

@siddharthkp siddharthkp merged commit 98dc633 into main Nov 30, 2021
@siddharthkp siddharthkp deleted the siddharth/fix-actionlist-selection-rect branch November 30, 2021 16:11
@primer-css primer-css mentioned this pull request Nov 30, 2021
pksjce pushed a commit that referenced this pull request Dec 20, 2021
…dering for github.com (#1668)

* override global shape-rendering for github.com

* add changelog

* add issue to comment

* update snapshots
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

patch release bug fixes, docs, housekeeping react

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Strange checkbox rendering in ActionList with shape-rendering: crispedges; in Chrome

4 participants