Skip to content

feat(backend): Use Remixicons when new navbar is used#6478

Draft
tvdeyen wants to merge 6 commits intosolidusio:mainfrom
blish:backend-ri-icon-fixes
Draft

feat(backend): Use Remixicons when new navbar is used#6478
tvdeyen wants to merge 6 commits intosolidusio:mainfrom
blish:backend-ri-icon-fixes

Conversation

@tvdeyen
Copy link
Copy Markdown
Member

@tvdeyen tvdeyen commented May 6, 2026

Summary

The updated admin navbar also toggles the icons to remixicon, leading to a ugly mismatch of old fontawesome icons and the shiny new remixicons in the navbar.

Since the new admin is still in heavy development and even when solidus_admin is used the backend is used as fallback. We should be nice to our users and give them the new icons in the body as well if this is the case.

Add a simple mapping to link_to_with_icon (the helper we end up using for all icon based links), to make the remix icons
automatically be used when the Spree::Backend::Config.admin_updated_navbar is enabled.

Screenshots

Before

Orders
Orders Before
Products
Products Before

After

Orders
Orders After
Products
Products After

Checklist

Check out our PR guidelines for more details.

The following are mandatory for all PRs:

The following are not always needed:

  • 📖 I have updated the README to account for my changes.
  • 📑 I have documented new code with YARD.
  • 🛣️ I have opened a PR to update the guides.
  • ✅ I have added automated tests to cover my changes.
  • 📸 I have attached screenshots to demo visual changes.

@codecov
Copy link
Copy Markdown

codecov Bot commented May 6, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 88.07%. Comparing base (a0746e6) to head (41371cf).

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #6478      +/-   ##
==========================================
- Coverage   89.68%   88.07%   -1.61%     
==========================================
  Files         991      700     -291     
  Lines       20832    14953    -5879     
==========================================
- Hits        18683    13170    -5513     
+ Misses       2149     1783     -366     

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

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

tvdeyen added 6 commits May 6, 2026 14:51
We do not use HTML 4 anymore. This just causes spaces
in these tables. We use CSS for that.
Never used and bad practice anyway. Use CSS
for spacing not HTML 4 hacks.
The updated admin navbar also toggles the icons to remixicon,
leading to a ugly mismatch of old fontawesome icons and the
shiny new remixicons in the navbar.
If the new admin navbar is used we want to display
remixicons instead of the outdated fontawesome ones.

Addind a handlebars solidus_icon helper that automatically
renders the correct iconset for us.
Instead of relying on fa- classes we add a common
icon_button that resets button styles
Instead of relying on fa- icon classes for the
action color, we use the data-action attribute
@tvdeyen tvdeyen force-pushed the backend-ri-icon-fixes branch from 4d7187d to 41371cf Compare May 6, 2026 20:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

1 participant