Skip to content

Fix ActiveAdmin missing icons#1391

Merged
andresg4 merged 1 commit into
mainfrom
fix-arctic-admin-missing-icons
May 11, 2026
Merged

Fix ActiveAdmin missing icons#1391
andresg4 merged 1 commit into
mainfrom
fix-arctic-admin-missing-icons

Conversation

@andresg4
Copy link
Copy Markdown
Collaborator

Fix ActiveAdmin icons with Font Awesome 7

Description:

After bumping @fortawesome/fontawesome-free to 7.x, icons in the ActiveAdmin UI render as empty squares. The issue is arctic_admin's _icons.scss still defaults $font-icon to 'Font Awesome 6 Free', 'Font Awesome 6 Pro'. With Font Awesome 7 installed, the @font-face registers "Font Awesome 7 Free", so arctic_admin's font: declarations fall back to a font the browser doesn't have.

Fix:

In app/assets/stylesheets/active_admin.scss:

  • Replace the FA @imports with @use … with ($font-path: ".") so the override actually propagates through FA7's module system.
  • Keep the $font-icon: 'Font Awesome 7 Free'; top-level override for arctic_admin, which still uses @import internally and picks up !default overrides the old way.

Preview:

Before
  • Chrome:
Screenshot 2026-05-11 at 11 24 09 AM
  • Firefox:
Screenshot 2026-05-11 at 12 02 49 PM
After
Screenshot 2026-05-11 at 11 25 04 AM

@andresg4 andresg4 requested review from a team and santib May 11, 2026 15:04
@sonarqubecloud
Copy link
Copy Markdown

@andresg4 andresg4 requested a review from a team May 11, 2026 15:15
@andresg4 andresg4 merged commit 14eaf31 into main May 11, 2026
5 checks passed
@andresg4 andresg4 deleted the fix-arctic-admin-missing-icons branch May 11, 2026 16:08
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.

4 participants