--prod --release hides tab icons

Ionic Framework ionic-v3
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

3 Likes
2

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

1 Like
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

1 Like
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');
        }
    }
}
1 Like
9

This solution works!

1 Like
10

This doesn´t work for me in ionic 3
Work in this way

.tabs-md, .tabs-ios {
    .tab-button-icon[aria-label=mapa] {
        background-image: url(../assets/imgs/map-active.svg);
    }

    .tab-button[aria-selected=false] .tab-button-icon[aria-label="mapa outline"] {
        background-image: url(../assets/imgs/map-outline.svg);
    }