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 gradient hack to TimelineItem-badge #1550

Merged
merged 3 commits into from
Aug 26, 2021
Merged

Add gradient hack to TimelineItem-badge #1550

merged 3 commits into from
Aug 26, 2021

Conversation

simurai
Copy link
Contributor

@simurai simurai commented Aug 25, 2021

This adds the "gradient hack" to TimelineItem-badge.

It is necessary because we would like to use neutral.muted but because that color is semi transparent, you would see the "line" underneath.

Screen Shot 2021-08-25 at 17 31 44

Adding an additional background-color: var(--color-bg-canvas) makes sure there is an opaque color that covers the line.


This is part of https://github.com/github/design-infrastructure/discussions/1458#discussioncomment-1221757.

@simurai simurai requested a review from a team as a code owner August 25, 2021 08:33
@simurai simurai requested a review from jonrohan August 25, 2021 08:33
@changeset-bot
Copy link

changeset-bot bot commented Aug 25, 2021

🦋 Changeset detected

Latest commit: d861c26

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

@simurai simurai requested a review from auareyou August 25, 2021 08:33
@simurai simurai enabled auto-merge (squash) August 26, 2021 01:43
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