Hi Paulo
I have some more problems with using font awesome icons in Data Grid headers. For example, for showing the sort icon on a column, we use instead of the default icon the font awesome icon caret-up/caret-down. The two CSS corresponding selectors are:
- Code: Select all
.ag-theme-alpine .ag-icon-asc:before {
color: #737b82;
content: '\f0d8';
font-family: var(--fa-style-family, "Font Awesome 6 Free");
}
.ag-theme-alpine .ag-icon-desc:before {
color: #737b82;
content: '\f0d7';
font-family: var(--fa-style-family, "Font Awesome 6 Free");
}
This worked fine in every Browser for NG1. In NG2, it only works in Safari.
Strange thing is, if I use instead of content '\f0d7' the content '\f007' (user icon), it is shown correctly (of course, it's in my case not useful, just to show that some icons are displayed). Both icons are in the Font Awesome 6 Free category.
What's going on here?
Regards,
caret-down shown in Chrome.png
user shown in Chrome.png
You do not have the required permissions to view the files attached to this post.