so, i needed something like android studio Guided flow but i couldn’t find anything close.
so i did it myself with js and css and changing tab-botton.js in tabs module folder.
changes are applied and working fine in browser(ionic serve) and android debug mode. but when i use --prod to release the app the template changes are gone and the original markup shows!
my only change was changing the tamplate in that file from this:
template: '<ion-icon *ngIf="tab.tabIcon" [name]="tab.tabIcon" [isActive]="tab.isSelected" class="tab-button-icon"></ion-icon>' +
'<span *ngIf="tab.tabTitle" class="tab-button-text">{{tab.tabTitle}}</span>' +
'<ion-badge *ngIf="tab.tabBadge" class="tab-badge" [color]="tab.tabBadgeStyle">{{tab.tabBadge}}</ion-badge>' +
'<div class="button-effect"></div>'
to this:
template: '<ion-icon *ngIf="tab.tabIcon" [name]="tab.tabIcon" [isActive]="tab.isSelected" class="tab-button-icon"></ion-icon>' +
'<div class="big-circle"></div><div #tabBtnBox class="tab-btn-box"><span *ngIf="tab.tabTitle" class="tab-button-text">{{tab.tabTitle}}</span></div>' +
'<ion-badge *ngIf="tab.tabBadge" class="tab-badge" [color]="tab.tabBadgeStyle">{{tab.tabBadge}}</ion-badge>' +
'<div class="button-effect"></div>'