I integrate Ultima and jhipster App, and I intend to display icons in the page. Here is my code snippet.
<i class= "Fa fa-camera-retro fa-3x" ></i> fa-3x
<i class= "Fa ui-icon-3d-rotation" ></i>3d-rotation
However, the first icon in the web page can be displayed correctly, while the second can not be displayed.
In the debug mode, the viewer is displayed as <svg class= "svg-inline--fa fa-w-16 ui-icon-3d-rotation" aria-hidden= "true" data-prefix= "Fa" data-icon= "null".
Why data-icon= "null" and how to solve this problem?
why Fa ui-icon-3d-rotation can't display in my jhipster app
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Could you please check the following css after selecting <i class= "Fa ui-icon-3d-rotation" ></i> using browser's selector in console;
Could you please attach a screenshot showing the above css?
Code: Select all
material-icons, .fa {
font-family: 'Material Icons';
...
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Could you please make the following changes?
_icons.scss
_mixins.scss
Then, please provide new theme css file using SASS command.
_icons.scss
Code: Select all
//line 1016
.material-icons { /* please remove .fa class */
..
}
Code: Select all
//line 112
@mixin icon-override($icon) {
&.fa {
@include material-icon($icon);
}
}
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 19 guests