4

Doing Meteor/Angular/Ionic tutorial, I got following problem: enter image description here

Ionic icons are not displayed at Nexus 6 simulator Marshmallow screen. Buttons are declared as follows:

 <button class="button button-clear button-icon button-positive
 icon ion-ios-camera-outline"></button>

I tried to add ion-android-camera class, but nothing has changed.

asked Apr 21, 2016 at 7:38
3
  • 1
    Did you find a solution to this issue? I am having the same problem today. Commented May 3, 2016 at 13:33
  • Not yet. It can be caused by incorrect font size (icons are actually from font), absense of font, or incorrect ionic version. Also, css class relates to ios, not Android. If you find a solution, please let me know. Commented May 3, 2016 at 15:05
  • A fix for this is described here: github.com/DAB0mB/angular-meteor-whatsapp/issues/… Commented May 7, 2016 at 12:58

1 Answer 1

1

enter image description here Thanks to Dave, the solution is as follows. Reinstall packages:

meteor remove fourseven:scss
meteor remove meteoric:ionic-sass
meteor remove meteoric:ionicons-sass
meteor add fourseven:[email protected]
meteor add meteoric:ionic-sass
meteor add meteoric:ionicons-sass

Let Meteor finish building. Add as the first line to every your *.scss file:

@import '***<path to your prj root like ../../>***.meteor/local/build/programs/server/assets/packages/meteoric_ionicons-sass/ionicons';
answered May 12, 2016 at 13:45
Sign up to request clarification or add additional context in comments.

Comments

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.