--prod --release hides tab icons


#1

there’s a problem with cordova build ios --prod --release, it hides the inactive icons as shown bellow…
but when I build the project without --prod --release they can be seen!

16 PM


Change Icons of Tabs Active and Inactive? Ionic 2 Please help
#2

Is there any way you could provide a small demo of this?
How can we recreate/debug


#3

Any updates on this?


#4

No, because there is nothing more than an image of this problem. No way to recreate it, no idea what code is behind it - nobody (not we here and not Ionic) can do anything about that. We need a recreation that we can test.


#5

well that problem is splitted of one of my topics:

And that topic based on my Tutorial from here:

So I think the best way to reproduce is to use the code in my Tutorial because thats the Code he probably used and I used as well. And I got the same problem. I guess all which used my tutorial will get this problem if they update the code.
The Code of my Tutorial is complete so you can easily reproduce


#6

Both of these topics are marked as “solved” and not only about this problem.
Create a new topic that includes a full description of the problem and a way to reproduce it (quickly).

Is there a Github issue for Ionic about the problem?
If not create one, so the devs become aware of it. Should contain the same information as the forum topic.


#7

it happens to me too. then i saw your tutorial again,
i think he misses to put the “outline” for inactive icons.
I hope this makes sense.


#8

I found the solution here

.tabs-md, .tabs-ios {
    a[aria-selected=true]{
        .tab-button-icon[ng-reflect-name=ICON NAME], .tab-button-icon[aria-label="ICON NAME"] {
            background-image: url('../assets/ICON NAME.active.png');
        }
    }
    a[aria-selected=false]{
        .tab-button-icon[ng-reflect-name=ICON NAME], .tab-button-icon[aria-label="ICON NAME"] {
            background-image: url('../assets/ICON NAME.inactive.png');
        }
    }
}