Hello
I have these tabs, also I am using the scrollable-tabs component provided here:
Scrollable Tabs
<ion-tabs #ionTabs [scrollable-tabs]="ionTabs" [opts]="scrollableTabsopts" selectedTabIndex='0' color="{{tabsColor}}" mode="{{tabsMode}}" tabsHighlight="true" tabsPlacement="{{tabsPlacement}}">
<ion-tab *ngFor="let tab of tabs" [root]="tab.component" tabTitle="{{tab.title}}" tabIcon="{{tab.icon}}"></ion-tab>
</ion-tabs>
My problem is the resizing of items/icons/text on click of tab,
like in the below example some tabs with larger text when clicked gets much large than its area.
Give me a solution to this or please tell me how do I increase the width of ion-tab?
I tried adding:
style="width: '150%'"
and
style="width: '200px'"
but none worked.
Please help thanks.