search

evansmwendwa / ng2-daterangepicker

Usage Demos update in this url >>>
https://codesandbox.io/s/6yr1zm18w3
MIT License
132 stars 88 forks source link

Glyphicon icons are shown as a empty square #90

Closed gustavoravison closed 6 years ago

gustavoravison commented 6 years ago

Hello everyone.

I tried to use the ng2-daterangepicker in my project. However, the glyphicon icons are shown as an empty square, like a missing image. All the other functionalities are working.

I am using angular/cli 1.0.3 and bootstrap-sass 3.3.7 to run my app. Can anyone help me to solve this issue?

gustavoravison commented 6 years ago

Well, I solved the issue by replacing the styles.css content by the following:

$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/"; @import "~bootstrap-sass/assets/stylesheets/_bootstrap.scss";

genru commented 6 years ago

I met the same problem. My solution is put 'assets/css/bootstrap.css' on the top of styles of .angular-cli.json I believe this is a conflict between bootstrap.css and font-awesome.min.css, simply try to change their load order to resolve it.

hope this helps somebody meet same issue.