Topic: Datepicker arrow icons don't work with Font Awesome Pro
Actual behavior: I'm using MDBootstrap v.7.5.3 and I recently purchased Font Awesome Pro. With Font Awesome pro 5.8.2 the arrow icons for Previous/Next Month don't show up properly in the datepicker. If I change it back to FAwesome 5.8.2 free they are ok.
Resources (screenshots, code snippets etc.)
Hello,
Thank you for reporting this problem, we will take care of that. As a workaround for now, please try to overwrite those styles in your styles.scss file and let us know if that helped.
.picker__nav--prev:before,
.picker__nav--next:before {
font-family: 'Font Awesome Pro', 'Font Awesome 5 Free' !important;
}
Hello,
We are currently working on removing FA dependency from the components (where possible) or adjusting the styles to provide support for FA Pro.
Hi there,
we have the same problem and would appreciate a common solution.
Currently our workaround is to introduce a new sass variable for all 'Font Awesome 5 Free' occurrences and replace it with 'Font Awesome 5 Pro'
In _custom-variables.scss:
// Font-Awesome Pro
$font-awesome-font-family: "Font Awesome 5 Pro";
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.1
- Device: Desktop / Mobile
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No