Commit Graph

10 Commits

Author SHA1 Message Date
Brandy Carney
2f63049909 fix(tab-bar): update tab-bar to set the color/background of tab-button (#16641)
similar to the PR for segment: https://github.com/ionic-team/ionic/pull/16590, this implements the color/background in the tab-bar and inherits it in tab-button

closes #14853
2018-12-10 17:33:06 -05:00
Brandy Carney
bc3e192427 fix(tab-bar): update to match MD design and remove transforms (#16348)
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
2018-11-21 12:07:37 -05:00
Manu MA
4d3ad67740 refactor(tabs): apply design-doc (#16048) 2018-10-25 22:13:19 +02:00
Manu Mtz.-Almeida
0842939273 refactor(tabbar): removes ion-tab-button 2018-08-12 22:50:52 +02:00
Brandy Carney
575c5eb292 fix(tabs): get the tabbar layout working with shadow DOM (#15113)
- gets the `tabbarLayout` property working
- update badge position based on tabs layout
- fix the transforms for icon/text and icon size

fixes #14611
2018-08-10 17:41:38 -04:00
Brandy Carney
7a8d5f68d2 chore(stylelint): remove sass-lint/scss-lint in favor of stylelint
- remove scss-lint and sass-lint
- add stylelint and stylelint-order packages and configuration
- update all *.scss files to new syntax

fixes #14805
2018-07-19 15:10:30 -05:00
Brandy Carney
8aed3bfcf9 fix(tabs): fix the tabs so the color property works on tab button
fixes #14758
2018-07-13 18:09:58 -04:00
Brandy Carney
b46c3e2039 fix(tabs): correct alignment for label/icon only tabs 2018-07-10 15:10:47 -04:00
Brandy Carney
a7f1f4daa7 refactor(components): update to use shadow DOM and work with css variables
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
2018-07-09 12:57:21 -04:00
Brandy Carney
d37623a2ca chore(packages): move the packages to root 2018-03-12 16:02:25 -04:00