21 Commits

Author SHA1 Message Date
22034b8ac4 demos(ngmodule): update to ngmodule 2016-09-13 14:54:22 -05:00
55a0257dbc refactor(colors): color should be added as an input instead of directly adding the color to the component
BREAKING CHANGES:

Colors should be passed in the `color` input on components, not added
individually as an attribute on the component.

For example:

```
<ion-tabs primary>
```

Becomes

```
<ion-tabs color=”primary”>
```

Or to bind an expression to color:

```
<ion-navbar [color]="barColor">
   ...
</ion-navbar>
```

```ts
@Component({
  templateUrl: 'build/pages/about/about.html'
})
export class AboutPage {
  barColor: string;

  constructor(private nav: NavController, platform: Platform) {
    this.barColor = platform.is('android') ? 'primary' : 'light';
  }
}
```

Reason for this change:
It was difficult to dynamically add colors to components, especially if
the name of the color attribute was unknown in the template.
This change keeps the css flat since we aren’t chaining color
attributes on components and instead we assign a class to the component
which includes the color’s name.
This allows you to easily toggle a component between multiple colors.
Speeds up performance because we are no longer reading through all of
the attributes to grab the color ones.

references #7467
closes #7087 closes #7401 closes #7523
2016-08-23 17:16:55 -04:00
938864e8d0 refactor(button): add ion-button attribute and icon attributes to style buttons
BREAKING CHANGES:

- `<button>` becomes `<button ion-button>`
- `<a button>` becomes `<a ion-button>`
- `<button ion-item>` does not get the `ion-button` attribute
- Buttons inside of `<ion-item-options>` do get the `ion-button`
attribute
- Removed the `category` attribute, this should be passed in
`ion-button` instead.
- Button attributes added for icons in buttons: `icon-only`,
`icon-left`, and `icon-right`

closes #7466
2016-08-16 17:11:02 -04:00
3cd31c3d17 fix(menu): fix content going under header
Closes #7084
2016-06-28 16:22:39 -05:00
05c7b8f0d7 docs(demos): update API demos so they all have ion-navs
- add spacing between imports
- alphabetize imports
- removed app.html files in favor of an inline ion-nav
- cleaned up config demo so it uses proper syntax
- use file name main.html for the first page for the demo
- name the app ApiDemoApp and first page ApiDemoPage
- replace the ion-toolbars with ion-navbars

closes #7019
closes driftyco/ionic-site#647
2016-06-22 14:45:49 -04:00
33672aef62 demos(header): update header markup 2016-06-17 11:39:59 -05:00
774ab83637 demos(bootstrap): update to use ionicBootstrap 2016-05-31 15:49:56 -05:00
17c38862cc fix(Nav): fixes swipeBackEnabled as attribute
closes #5653
2016-03-18 16:04:28 +01:00
1cdf10238f docs(api demos): update api demos 2016-02-24 11:18:51 -05:00
e8f1b164d6 chore(demos): update menu demos 2016-02-04 20:42:12 -06:00
0827f97464 docs(demos): update menu API demo to use multiple menus
This is actually the same as the ID demo but I figured I would keep
them separate in case we decide to do something different in them.

references driftyco/ionic-site#397
2016-02-04 14:40:23 -05:00
59da895ea0 docs(demos): fix demos to have same class name and remove files that aren't needed anymore
references #5311
2016-02-03 14:26:25 -05:00
e7fe7e4a1f docs(demos): update menu demo to use menuClose attribute 2016-01-28 11:27:41 -05:00
52204de117 docs(demos): update icons 2016-01-07 11:33:21 -06:00
862d159fa3 chore(menuToggle): menu-toggle to menuToggle 2015-12-16 13:35:48 -06:00
533609568c docs(api/menu): update menu api demo 2015-12-14 08:07:37 -06:00
8b693ce836 toolbar button updates 2015-12-07 11:18:00 -06:00
3bd0b5c8ac chore(): use class selectors in e2e 2015-09-22 11:25:27 -05:00
50c82a7de9 chore(): remove unneeded e2e ids 2015-09-22 11:19:06 -05:00
3364414d24 use padding attribute 2015-09-18 21:58:44 -05:00
a97d7300de chore(demos): rename aside demo to menu 2015-09-15 16:55:26 -05:00