222 Commits

Author SHA1 Message Date
3ca3027b51 fix(toolbar): add the mode to the inverse function for a toolbar
Use the mode instead of the sass variable to determine which color the
buttons in a toolbar should be based on the background color. Added
error messages when anything other than a color is passed and more
comments.

BREAKING CHANGES: ios mode `$toolbar-ios-button-color` now has a
default value of `color-contrast($colors-ios, $toolbar-ios-background,
ios)` which will evaluate to the primary color for light background
toolbars and white for dark background toolbars.

fixes #6364
2016-05-10 13:46:38 -04:00
90d4c1d5bc test(toolbar): fix the contact icon in the e2e test
references #6364
2016-05-10 10:34:08 -04:00
74afc18f37 fix(toolbar): set the text color of the toolbar based on the contrast of the background
BREAKING CHANGES:

`$bar-button-ios-color` has been renamed to `$toolbar-ios-button-color`
`$bar-button-ios-border-radius` has been renamed to
`$toolbar-ios-button-border-radius`

added variables for the toolbar ios title for easier styling:

```
$toolbar-ios-title-font-weight
$toolbar-ios-title-text-align
$toolbar-ios-title-text-color
```

references #6364
2016-05-10 10:34:08 -04:00
62bd13ba56 fix(toolbar): wp get title/button color from the contrast of toolbar background
BREAKING CHANGES:

`$bar-button-wp-color` was renamed to `$toolbar-wp-button-color`
`$bar-button-wp-border-radius` was renamed to
`$toolbar-wp-button-border-radius`

Added `$toolbar-wp-title-text-color` for better control of the title
color

Removed `$toolbar-wp-button-color` from the default themes

references #6364
2016-05-10 10:34:08 -04:00
67590745e4 fix(toolbar): remove color change from outline buttons in toolbar
add color to ripple for outline buttons in toolbar

references #6364
2016-05-05 12:49:28 -06:00
9f54f160f0 fix(toolbar): md mode use the color contrast for toolbar button/title
BREAKING CHANGES:

`$toolbar-md-button-color` no longer gets passed to the function that
sets the contrast color for toolbar buttons, but it can still be used
to set the default button color.

`$bar-button-md-color` was renamed to `$toolbar-md-button-color`
`$bar-button-md-border-radius` was renamed to
`$toolbar-md-button-border-radius`

references #6364
2016-05-05 11:13:37 -06:00
45e37ceb29 test(e2e): update all e2e tests to use a local path to ionic
this lets type errors to show up during development

closes #6366
2016-04-29 15:34:56 -04:00
44403d1d87 feat(statusbarPadding): add statusbar-padding css to toolbars 2016-04-14 12:00:51 -05:00
fa13203201 style(sass): fix sass linter error 2016-04-11 18:01:43 -04:00
203b07809e Revert "fix(sass): remove global imports from components"
This reverts commit dad2155ecdf3f1b9864996c5a843f451ff4f0aef.
2016-04-11 13:24:58 -04:00
dad2155ecd fix(sass): remove global imports from components
globals.mode is already imported in the components.mode file, so it
doesn’t need to be imported per component

fixes #5931
2016-04-11 11:59:44 -04:00
29e624254f fix(toolbar): add border-top when toolbar is positioned to the bottom
fixes #5967
2016-04-11 10:51:46 -04:00
acc6321d0d chore: add ViewEncapsulation.None to components
Closes #5884
2016-04-10 20:38:04 -05:00
4e8ecae83c chore: add ChangeDetectionStrategy.OnPush strategy
Close #5885
2016-04-10 00:28:50 -05:00
55fb60e09b docs(): fix typo 2016-03-31 09:23:28 -05:00
9a23a925a4 fix(toolbar): fix wp back button in toolbar
references #5923
2016-03-23 13:35:16 -04:00
7dc58ef2dd fix(toolbar): fix back button for md mode
fixes #5923
2016-03-23 12:53:06 -04:00
5fc77b5081 chore(sass): fix linter errors 2016-03-23 12:33:56 -04:00
5f2e737904 feat(sass): add support for contrast in color map for wp mode
BREAKING CHANGE:

Can now pass contrast to the colors map:

```
$colors-wp: (

  primary: (
    base: #327eff,
    contrast: yellow
  ),
  secondary: (
    base: #32db64,
    contrast: hotpink
  ),
  danger: #d91e18,
  light: #f4f4f4,
  dark: #222
) !default;
```

references #5445
2016-03-22 18:07:59 -04:00
9efa3ea3e6 feat(sass): add support for contrast color in MD mode colors map
BREAKING CHANGE:

Can now pass contrast to the colors map:

```
$colors-md: (

  primary: (
    base: #327eff,
    contrast: yellow
  ),
  secondary: (
    base: #32db64,
    contrast: hotpink
  ),
  danger: #d91e18,
  light: #f4f4f4,
  dark: #222
) !default;
```

references #5445
2016-03-22 17:53:08 -04:00
ff1a8ac6c7 feat(sass): add the ability to pass a contrast color in the colors map to iOS
this adds the functions necessary for the other modes as well

BREAKING CHANGE:

Can now pass contrast to the colors map:

```
$colors-ios: (

  primary: (
    base: #327eff,
    contrast: yellow
  ),
  secondary: (
    base: #32db64,
    contrast: hotpink
  ),
  danger: #d91e18,
  light: #f4f4f4,
  dark: #222
) !default;
```

references #5445
2016-03-22 17:14:39 -04:00
253cfc182b style(sass): fixing lint errors
references #5797
2016-03-14 16:44:08 -04:00
d3d689ae11 style(sass): remove all PropertySortOrder errors from linter
references #5797
2016-03-14 15:56:19 -04:00
96375b6e83 fix(toolbar): reduce min width on back button for wp mode
closes #5759
2016-03-14 12:54:12 -04:00
f7b52eeee1 chore(sass): update sass to match linter config
references #5797
2016-03-10 22:42:38 -05:00
29ff7f1159 feat(windows): UI fixes
references #5565
2016-03-03 17:39:53 -05:00
1d95e6c339 Merge branch '2.0' into windows-mode 2016-03-01 14:16:22 -05:00
5fb1e08347 fix(toolbar): add a min-width to the toolbar content so that it won't overlap buttons
fixes #5657
2016-03-01 12:59:29 -05:00
e05f147945 feat(windows): windows UI cleanup
references #5565
2016-02-25 16:17:26 -05:00
dd206ad7d6 feat(windows): add radio component for wp mode
fixed radio and checkbox in alert, updated toolbar

references #5565
2016-02-23 15:56:59 -05:00
6062bb6dbb feat(windows): initial add of toolbar with some custom theming
references #5565
2016-02-23 12:59:12 -05:00
c883a2ae91 chore(): update Ionic imports in tests 2016-02-22 17:45:17 -06:00
892b0071cb fix(sass): rename brightness/inverse sass functions
Prefix custom sass color functions with color-
Closes #5542
2016-02-20 20:34:59 -06:00
bd0376072b fix(toolbar): fix md toolbar so it doesn't flow off the screen
closes #5414
2016-02-13 13:31:36 -05:00
5f254f285f chore(e2e): make typescript and e2e friends 2016-02-12 11:37:39 -06:00
2766f7fda8 fix(toolbar): fixes segment/title aligment when cordova iOS style is applied
closes #5208
2016-02-10 19:10:41 +01:00
8401aa4449 style(button): format css 2016-02-10 09:11:40 -06:00
38a3be438f fix(button): bar-button uses inner span as flexbox
- Fixed block/full buttons, now there are display: block
- Fixes <ion-segment-button> warnings
2016-02-10 15:49:19 +01:00
da18868636 refactor(animations): inline css animations 2016-02-09 16:23:01 -06:00
06b3a5b3bd feat: hairlines width can be configured with a sass variable 2016-02-07 15:00:34 +01:00
78c2ecc84f docs(demos): add title demo which uses the toolbar demo but hides some
Hiding any toolbars that don’t use ion-title for the title demo only

references driftyco/ionic-site#397
2016-02-05 12:17:56 -05:00
16df0d8205 Documentation Update toolbar.ts
added missing quotes to documentation and changed property "placement" to "position"
2016-02-05 14:01:11 +05:30
53532c5280 docs(toolbar): update docs 2016-02-02 16:42:40 -05:00
cad9e498e7 feat(button): increase hit area of toolbar buttons 2016-01-31 23:09:43 -06:00
18eb967115 docs(toolbar): clean up docs 2016-01-26 10:24:28 -07:00
d971f3ec89 docs(toolbar): add subheader and footer examples
Closes #5174. Closes #5063
2016-01-26 10:19:12 -07:00
706832f031 fix(toolbar): make iOS toolbar closer to native
aligned title and back button, increased font size of back icon,
removed color shade from toolbar buttons, increased font weight of
title, changed primary color, reduced back button text letter spacing.

Fixes #5149
2016-01-22 14:14:33 -05:00
a4137d2bdc fix(toolbar): remove opacity on md buttons in a toolbar
remove the opacity from the activated class for md buttons

closes #5131
2016-01-22 11:50:59 -05:00
61a16b74bf fix(menu): fix menu toggle not showing right opacity
added important to ensure the menu toggle will get the right opacity but this will be removed later
on

fixes #5131
2016-01-22 11:11:26 -05:00
0942563d5f chore(): fix typescript errors 2016-01-12 10:30:23 -06:00