Tabs-Border for Android (material design / md)

Ionic Framework ionic-v3
1

I want to add a thick line above my Tab-Bar for all platforms. I thought about doing this by adding a border to my Tabs-component. This works fine with iOS ($tabs-ios-border). However, there seems to be no equivalent for Android / Material Design (md).

Does anybody of you have an idea how to add a border to the tabs-bar in Android?

2

Best look at the elements of the page with Dev Tools Inspector. (Change to Android design by selecting an Android user agent, Chrome has a dropdown for that)

3

Yes, I did that and it worked - thanks.


.tabbar{
    // Styling Tabbar-Border Android
    border-top: 2px color($colors, secondary) solid;
}
2 Likes