Is it possible to display only the active tab in md-tabs on a mobile view, centering the tab and allowing the user to swipe left or right to change the tab title with full width?
The tabs are currently structured like this:
<md-toolbar>
<md-tabs md-swipe-content="true" md-selected="selectedDayIndex">
<md-tab ng-repeat="day in days | orderBy:predicate:reversed" md-on-select="openDay(day)"><p class="currentDay">{{day.day}}</p></md-tab>
</md-tabs>
</md-toolbar>
<md-content layout-padding>
<ng-switch on="selectedDay" class="tabpanel-container">
<div>
<p>{{selectedDayInfo.day}}</p>
</div>
</ng-switch>
</md-content>
You can view the Plunkr example here: http://plnkr.co/edit/FQzOFEZLi6ReAuJninxA?p=preview