when I use badge attribute, e.g.
<super-tab [root]="salesPage" title="Sales" icon="cart" badge="30"></super-tab>
<super-tab [root]="messagePage" title="Message" icon="mail"></super-tab>
badge “30” was too close to the next title “Message”, so I increased the margin-right of
super-tabs-toolbar > ion-toolbar.toolbar .tab-buttons-container .tab-buttons super-tab-button.title-and-icon to 50px, but class .indicator’s position is off now, i.e. selecting the second tab “Message” and its indicator line is no longer aligned exactly below the second tab.
Please see screenshots:
I know the position and width of .indicator is calculated at runtime, but is there a way to increase the space between any two tabs while also keeping the indicator line right below its tab title? Any idea is really appreciated.