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

Use svg remixicons #2749

Merged
merged 3 commits into from
Mar 13, 2024
Merged

Use svg remixicons #2749

merged 3 commits into from
Mar 13, 2024

Conversation

tvdeyen
Copy link
Member

@tvdeyen tvdeyen commented Feb 26, 2024

What is this pull request for?

Instead of a iconfont we use the svg icon sprite to render icons. This includes a new component <alchemy-icon> with name, size and icon-style props.

With rails/rails#50359 being merged svgs will be precompressed during asset compilation, which makes a huge difference on transferred file size.

Notable changes

Removes the icon fonts and ri- classes for <i> elements.

Checklist

  • I have followed Pull Request guidelines
  • I have added a detailed description into each commit message
  • I have added tests to cover this change

@tvdeyen tvdeyen self-assigned this Feb 26, 2024
@tvdeyen tvdeyen added this to the 7.2 milestone Feb 26, 2024
@tvdeyen tvdeyen force-pushed the use-svg-remixicons branch 8 times, most recently from 3fe5e84 to 9c30914 Compare March 8, 2024 14:35
@tvdeyen tvdeyen force-pushed the use-svg-remixicons branch 4 times, most recently from 339067c to 7a15c05 Compare March 12, 2024 20:02
Copy link

codecov bot commented Mar 12, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.81%. Comparing base (63d5474) to head (7fb12a0).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #2749   +/-   ##
=======================================
  Coverage   95.80%   95.81%           
=======================================
  Files         221      222    +1     
  Lines        6078     6087    +9     
=======================================
+ Hits         5823     5832    +9     
  Misses        255      255           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@tvdeyen tvdeyen marked this pull request as ready for review March 12, 2024 21:01
@tvdeyen tvdeyen requested a review from a team as a code owner March 12, 2024 21:01
This introduces a new <alchemy-icon> custom element which
you can use as replacement for <i> tags.
We use the svg icon sprite now
For testing that feature
@tvdeyen tvdeyen merged commit 86a0be3 into AlchemyCMS:main Mar 13, 2024
35 checks passed
@tvdeyen tvdeyen deleted the use-svg-remixicons branch March 13, 2024 08:42
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.

None yet

2 participants