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

fix(footer): fix demo icons #694

Merged
merged 5 commits into from Jan 16, 2023
Merged

fix(footer): fix demo icons #694

merged 5 commits into from Jan 16, 2023

Conversation

bennypowers
Copy link
Member

@bennypowers bennypowers commented Jan 9, 2023

What I did

  1. import all the fab icons into the importMap for 11ty (should really only be done on footer pages)
  2. correct the icon names in demo markup
  3. deprecated --pfe-icon--color in favor of using slotted selector to support pfe-icon 2.0

Testing Instructions

  1. check out dp/components/footer/demo/
  2. Icons should load
  3. The icons should be 24px
  4. icons should gray

Screenshot

Screenshot 2023-01-11 at 10 26 28 AM

Notes to Reviewers

don't look too closely into this one ;)
this should be reverted in favour of <rh-icon>, when it's ready
nvm this is pure 🔥

@bennypowers bennypowers requested a review from heyMP January 9, 2023 15:33
@changeset-bot
Copy link

changeset-bot bot commented Jan 9, 2023

🦋 Changeset detected

Latest commit: 9e36c21

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

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

@netlify
Copy link

netlify bot commented Jan 9, 2023

Deploy Preview for red-hat-design-system ready!

Name Link
🔨 Latest commit 9e36c21
🔍 Latest deploy log https://app.netlify.com/sites/red-hat-design-system/deploys/63c5034a47d2a50008b52884
😎 Deploy Preview https://deploy-preview-694--red-hat-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@bennypowers bennypowers linked an issue Jan 9, 2023 that may be closed by this pull request
@bennypowers bennypowers enabled auto-merge (squash) January 9, 2023 16:55
@heyMP heyMP changed the title docs(footer): fix demo icons fix(footer): fix demo icons Jan 11, 2023
@bennypowers
Copy link
Member Author

@heyMP I'm not sure what else we need to do here

@heyMP
Copy link
Member

heyMP commented Jan 16, 2023

@bennypowers I was seeing if you were cool with keeping a deprecated css property to support our current sites. I'll merge it and if we have any concerns we can come back later.

@bennypowers
Copy link
Member Author

yeah that's fine by me

Copy link
Member

@heyMP heyMP left a comment

Choose a reason for hiding this comment

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

🚀

@bennypowers bennypowers merged commit 750f451 into main Jan 16, 2023
7 checks passed
@bennypowers bennypowers deleted the docs/footer/demo-icons branch January 16, 2023 13:22
nikkimk pushed a commit that referenced this pull request Jan 23, 2023
* docs(footer): fix demo icons

* chore: revert previous

* docs(footer): fix icons in demo
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.

[bug] <footer> UX footer demo not rendering icons or rh-cta
2 participants