javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tab-bar): update to match MD design and remove transforms (#16348)

Browse Source 
Updates the tab-bar to match the MD bottom navigation spec: https://material.io/design/components/bottom-navigation.html#specs

Changes proposed in this pull request:
- moved flex properties to host, inherit in child anchor element
  - this allows the user to customize the tab-button flex properties & fixes #16231
- increased letter spacing
- removed transforms / transitions on active tab
- decreased badge size, add badge styling when empty for MD
- fix badge positioning on both iOS and MD
- updates e2e tests, adds a preview test for tab-bar
- updates documentation surrounding tabs

fixes #16231
fixes ionic-team/ionic-docs#175
fixes ionic-team/ionic-docs#163
This commit is contained in:
Brandy Carney
2018-11-21 12:07:37 -05:00
committed by GitHub
parent d336054328
commit bc3e192427
18 changed files with 940 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/tab/readme.md
View File

@ -1,10 +1,8 @@
# ion-tab
The Tab component is a child component of the [Tabs](../Tabs/) component.
Each Tab is meant to be a top level navigation stack for an app.
Meaning that an app can have many tabs, all wit their own independent navigation.
The tab component is a child component of [tabs](../tabs). Each tab can contain a top level navigation stack for an app or a single view. An app can have many tabs, all with their own independent navigation.
See the [Tabs API Docs](../Tabs/) for more details on configuring Tabs.
See the [tabs documentation](../tabs/) for more details on configuring tabs.
<!-- Auto Generated Below -->