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

Add additional :not selectors for flash classes #2292

Merged
merged 2 commits into from
Oct 31, 2022
Merged

Conversation

camertron
Copy link
Contributor

@camertron camertron commented Oct 31, 2022

What are you trying to accomplish?

The specificity of the .flash class recently changed because I added :not(.Banner) to a bunch of them in this PR. That seems to be working well in dotcom, but @dylanatsmith noticed a small visual regression causing the dismiss button to have extra margin-right:

image

What approach did you choose and why?

The problem appears to be related to the increased specificity of the .flash class and its friends. I believe we should also apply a few :not pseudo classes to flash-close and flash-actions, so that's what this PR does. Doing so should fix both the specificity issue and double-styling banners.

Can these changes ship as is?

  • Yes, this PR does not depend on additional changes. 🚢

@camertron camertron requested a review from a team as a code owner October 31, 2022 18:25
@changeset-bot
Copy link

changeset-bot bot commented Oct 31, 2022

🦋 Changeset detected

Latest commit: 99e5fcb

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

This PR includes changesets to release 1 package
Name Type
@primer/css 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

@github-actions github-actions bot temporarily deployed to Storybook Preview October 31, 2022 18:32 Inactive
@github-actions github-actions bot temporarily deployed to Storybook Preview October 31, 2022 18:38 Inactive
@camertron camertron merged commit 9a4f2ff into main Oct 31, 2022
@camertron camertron deleted the more_flash_not_banner branch October 31, 2022 20:26
@primer-css primer-css mentioned this pull request Oct 31, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants