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

MAINT: update icons to fit Fontawesome 6 #963

Merged
merged 9 commits into from Sep 29, 2022
Merged

Conversation

12rambau
Copy link
Collaborator

@12rambau 12rambau commented Sep 29, 2022

Fix #881

  • I set up all the css icons in the _icons file to better manage them
  • change all the oocurences of fab, fas and far by fa-solid, fa-regular and fa-brands
  • change the css fonts
  • change the name when needed

Bonus:

  • I added a small padding to the search icon

@12rambau 12rambau marked this pull request as draft September 29, 2022 09:12
@12rambau
Copy link
Collaborator Author

So far so good, I played around in the pages and all the expected icons seem to be there, let me know if you are satisfied with the changes

@12rambau 12rambau marked this pull request as ready for review September 29, 2022 09:19
Copy link
Collaborator

@choldgraf choldgraf left a comment

Choose a reason for hiding this comment

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

This looks good to me in general! One quick comment

@@ -75,6 +75,10 @@ function macroTemplate({ compilation }) {
href="{{ pathto('_static/vendor/fontawesome/${
vendorVersions.fontAwesome
}/webfonts/fa-brands-400.woff2', 1) }}">
<link rel="preload" as="font" type="font/woff2" crossorigin
Copy link
Collaborator

Choose a reason for hiding this comment

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

How were we able to use fa regular before if we weren't loading it with webpack? Shouldn't we also have to remove something?

Copy link
Collaborator Author

@12rambau 12rambau Sep 29, 2022

Choose a reason for hiding this comment

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

that's an excellent question, the only regular we were using was the moon icon of the theme switcher. the problem with fontawesome is that it's everywhere on the web so maybe we all cache it somewhere in our browser

Copy link
Collaborator

Choose a reason for hiding this comment

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

that seems like the most likely explanation.

@jarrodmillman jarrodmillman added this to the 0.11 milestone Sep 29, 2022
@@ -75,6 +75,10 @@ function macroTemplate({ compilation }) {
href="{{ pathto('_static/vendor/fontawesome/${
vendorVersions.fontAwesome
}/webfonts/fa-brands-400.woff2', 1) }}">
<link rel="preload" as="font" type="font/woff2" crossorigin
Copy link
Collaborator

Choose a reason for hiding this comment

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

that seems like the most likely explanation.

@drammock drammock merged commit 5810107 into pydata:main Sep 29, 2022
@12rambau 12rambau deleted the fontawesome branch September 30, 2022 06:13
timhoffm added a commit to timhoffm/mpl-sphinx-theme that referenced this pull request Nov 1, 2022
They are controlled by pydata-sphinx-theme.css. However,
pydata-sphinx-theme changed the classes in v0.11.0
pydata/pydata-sphinx-theme#963.
We need to update this as well.
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.

Update our classes for FontAwesome v6
4 participants