Skip to content

Commit ad147f7

Browse files
committed
Version 2.0.0-beta.10 release.
1 parent 944a658 commit ad147f7

16 files changed

+2951
-2443
lines changed

CHANGELOG.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,46 @@
22
CHANGELOG
33
====
44

5+
v2.0.0-beta.10
6+
----
7+
* core: Expose FastClick instance as `ons.fastClick`.
8+
* ons-navigator: Fixed a bug where popPage always showed the default animation.
9+
* ons-navigator: Fixed md-lift-animator.
10+
* ons-navigator: Removed small delay after Lift animators.
11+
* css-components: Fixed issue with list item using both "chevron" and "longdivider" modifiers.
12+
* core: Fixed an issue preventing users from selecting text in inputs and textareas.
13+
* ons-carousel: Added `auto-refresh` attribute.
14+
* ons-carousel: Fixed an issue causing improper carousel size when used with angular and ons-navigator.
15+
* ons-icon: Delete attribute `flip` from ons-icon (obsolete, since everything can be done with `rotate`)
16+
* ons-list-item: Make the attribute `tappable` a boolean and add attribute `tap-background-color`
17+
* ons-alert-dialog: Fixed [#1347](https://github.com/OnsenUI/OnsenUI/issues/1347).
18+
* ons-progress-bar, ons-progress-circular: Add `value`, `secondaryValue` and `indeterminate` properties.
19+
* ons-pull-hook: Add `state`, `pullDistance`, `height`, `thresholdHeight` and `disabled` properties.
20+
* ons-alert-dialog, ons-dialog, ons-popover, ons-modal: Updated API (`disabled`, `visible`, `onDeviceBackButton` properties).
21+
* ons-page: Update API (`disabled`, `onDeviceBackButton` properties, `on-device-back-button` and `ng-device-back-button` attributes).
22+
* ons-splitter: Renamed property `deviceBackButton` to a `onDeviceBackButton`.
23+
* ons-button, ons-ripple: Update API (`disabled` property).
24+
* ons-speeddial: Updated API (`disabled`, `visible`, `inline` properties).
25+
* ons-switch: Updated API (`disabled`, `checked`, `checkbox` properties).
26+
* ons-splitter-side: Changed `isOpen` to a property.
27+
* ons-navigator: Removed old angular methods (`getPages`, `getBackButtonHandler`).
28+
* ons-lazy-repeat: Removed `setDelegate` in favor of the `delegate` property.
29+
* ons-range: Fixes memory leak in AngularJS bindings.
30+
* ons-toolbar-button: Add `disabled` property.
31+
* css-components: Fixes list layout glitch on older Android devices.
32+
533
v2.0.0-beta.9
634
----
735
* ons-splitter: Fixed memory leak.
836
* ons-page: Fixed [#1315](https://github.com/OnsenUI/OnsenUI/issues/1315).
937
* ons-icon: Accepts two icon values at once for Auto Styling.
1038
* ons-tab: Fix glitch where content was removed during `<ons-navigator>` slide animation.
1139
* ons-splitter: Fix default side and swipe-target-width.
40+
* ons-carousel: Update API.
1241
* ons-icon: 'spin' attribute does not require boolean values anymore.
1342
* core: Fix DeviceBackButton dispatcher for pages containing SVG elements.
43+
* ons-navigator: Changed part of the API.
44+
* ons-navigator: Fixed [#1324](https://github.com/OnsenUI/OnsenUI/issues/1324), [#1325](https://github.com/OnsenUI/OnsenUI/issues/1325).
1445

1546
v2.0.0-beta.8
1647
----

css/onsen-css-components-blue-basic-theme.css

Lines changed: 55 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -542,7 +542,7 @@ input:disabled + .switch__toggle {
542542
}
543543
[disabled] > .range__left,
544544
.range--material:disabled + .range__left {
545-
display: none;
545+
visibility: hidden;
546546
}
547547
/* topdoc
548548
name: Material Range
@@ -3415,6 +3415,7 @@ input:disabled + .switch__toggle {
34153415
</ul>
34163416
*/
34173417
.list__item__left {
3418+
min-height: 44px;
34183419
display: -webkit-box;
34193420
display: -webkit-flex;
34203421
display: -moz-box;
@@ -3442,6 +3443,7 @@ input:disabled + .switch__toggle {
34423443
margin: 0;
34433444
}
34443445
.list__item__center {
3446+
min-height: 44px;
34453447
display: -webkit-box;
34463448
display: -webkit-flex;
34473449
display: -moz-box;
@@ -3493,6 +3495,7 @@ input:disabled + .switch__toggle {
34933495
}
34943496
}
34953497
.list__item__right {
3498+
min-height: 44px;
34963499
display: -webkit-box;
34973500
display: -webkit-flex;
34983501
display: -moz-box;
@@ -3723,6 +3726,10 @@ input:disabled + .switch__toggle {
37233726
border: none;
37243727
background-image: none;
37253728
}
3729+
.list__item--longdivider.list__item--chevron:before {
3730+
border: none;
3731+
background-image: none;
3732+
}
37263733
/* topdoc
37273734
name: Category List Header
37283735
class: list__header
@@ -3812,6 +3819,7 @@ input:disabled + .switch__toggle {
38123819
transition: none;
38133820
}
38143821
.list__item--chevron:before {
3822+
min-height: 44px;
38153823
display: -webkit-box;
38163824
display: -webkit-flex;
38173825
display: -moz-box;
@@ -4181,10 +4189,55 @@ input:disabled + .switch__toggle {
41814189
.list__item--material__left:empty,
41824190
.list__item--material__center {
41834191
padding: 16px 0;
4192+
border-color: #eee;
4193+
}
4194+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4195+
.list__item--material__left:empty,
4196+
.list__item--material__center {
4197+
border-bottom: none;
4198+
-webkit-background-size: 100% 1px;
4199+
background-size: 100% 1px;
4200+
background-repeat: no-repeat;
4201+
background-position: bottom;
4202+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4203+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4204+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4205+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4206+
}
41844207
}
41854208
.list__item--material__right {
41864209
padding: 16px 16px 16px 0px;
41874210
line-height: 1;
4211+
border-color: #eee;
4212+
}
4213+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4214+
.list__item--material__right {
4215+
border-bottom: none;
4216+
-webkit-background-size: 100% 1px;
4217+
background-size: 100% 1px;
4218+
background-repeat: no-repeat;
4219+
background-position: bottom;
4220+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4221+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4222+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4223+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4224+
}
4225+
}
4226+
.list__item--material.list__item--longdivider {
4227+
border-bottom: 1px solid #eee;
4228+
}
4229+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4230+
.list__item--material.list__item--longdivider {
4231+
border-bottom: none;
4232+
-webkit-background-size: 100% 1px;
4233+
background-size: 100% 1px;
4234+
background-repeat: no-repeat;
4235+
background-position: bottom;
4236+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4237+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4238+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4239+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4240+
}
41884241
}
41894242
/* topdoc
41904243
name: Material List with Header
@@ -4214,7 +4267,7 @@ input:disabled + .switch__toggle {
42144267
padding: 8px 16px;
42154268
}
42164269
.list__header--material:not(:first-of-type) {
4217-
border-top: 1px solid var-list-border-color;
4270+
border-top: 1px solid #eee;
42184271
padding-top: 16px;
42194272
}
42204273
/* topdoc

css/onsen-css-components-blue-theme.css

Lines changed: 55 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -542,7 +542,7 @@ input:disabled + .switch__toggle {
542542
}
543543
[disabled] > .range__left,
544544
.range--material:disabled + .range__left {
545-
display: none;
545+
visibility: hidden;
546546
}
547547
/* topdoc
548548
name: Material Range
@@ -3415,6 +3415,7 @@ input:disabled + .switch__toggle {
34153415
</ul>
34163416
*/
34173417
.list__item__left {
3418+
min-height: 44px;
34183419
display: -webkit-box;
34193420
display: -webkit-flex;
34203421
display: -moz-box;
@@ -3442,6 +3443,7 @@ input:disabled + .switch__toggle {
34423443
margin: 0;
34433444
}
34443445
.list__item__center {
3446+
min-height: 44px;
34453447
display: -webkit-box;
34463448
display: -webkit-flex;
34473449
display: -moz-box;
@@ -3493,6 +3495,7 @@ input:disabled + .switch__toggle {
34933495
}
34943496
}
34953497
.list__item__right {
3498+
min-height: 44px;
34963499
display: -webkit-box;
34973500
display: -webkit-flex;
34983501
display: -moz-box;
@@ -3723,6 +3726,10 @@ input:disabled + .switch__toggle {
37233726
border: none;
37243727
background-image: none;
37253728
}
3729+
.list__item--longdivider.list__item--chevron:before {
3730+
border: none;
3731+
background-image: none;
3732+
}
37263733
/* topdoc
37273734
name: Category List Header
37283735
class: list__header
@@ -3812,6 +3819,7 @@ input:disabled + .switch__toggle {
38123819
transition: none;
38133820
}
38143821
.list__item--chevron:before {
3822+
min-height: 44px;
38153823
display: -webkit-box;
38163824
display: -webkit-flex;
38173825
display: -moz-box;
@@ -4181,10 +4189,55 @@ input:disabled + .switch__toggle {
41814189
.list__item--material__left:empty,
41824190
.list__item--material__center {
41834191
padding: 16px 0;
4192+
border-color: #eee;
4193+
}
4194+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4195+
.list__item--material__left:empty,
4196+
.list__item--material__center {
4197+
border-bottom: none;
4198+
-webkit-background-size: 100% 1px;
4199+
background-size: 100% 1px;
4200+
background-repeat: no-repeat;
4201+
background-position: bottom;
4202+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4203+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4204+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4205+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4206+
}
41844207
}
41854208
.list__item--material__right {
41864209
padding: 16px 16px 16px 0px;
41874210
line-height: 1;
4211+
border-color: #eee;
4212+
}
4213+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4214+
.list__item--material__right {
4215+
border-bottom: none;
4216+
-webkit-background-size: 100% 1px;
4217+
background-size: 100% 1px;
4218+
background-repeat: no-repeat;
4219+
background-position: bottom;
4220+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4221+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4222+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4223+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4224+
}
4225+
}
4226+
.list__item--material.list__item--longdivider {
4227+
border-bottom: 1px solid #eee;
4228+
}
4229+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4230+
.list__item--material.list__item--longdivider {
4231+
border-bottom: none;
4232+
-webkit-background-size: 100% 1px;
4233+
background-size: 100% 1px;
4234+
background-repeat: no-repeat;
4235+
background-position: bottom;
4236+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4237+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4238+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4239+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4240+
}
41884241
}
41894242
/* topdoc
41904243
name: Material List with Header
@@ -4214,7 +4267,7 @@ input:disabled + .switch__toggle {
42144267
padding: 8px 16px;
42154268
}
42164269
.list__header--material:not(:first-of-type) {
4217-
border-top: 1px solid var-list-border-color;
4270+
border-top: 1px solid #eee;
42184271
padding-top: 16px;
42194272
}
42204273
/* topdoc

css/onsen-css-components-dark-theme.css

Lines changed: 55 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -542,7 +542,7 @@ input:disabled + .switch__toggle {
542542
}
543543
[disabled] > .range__left,
544544
.range--material:disabled + .range__left {
545-
display: none;
545+
visibility: hidden;
546546
}
547547
/* topdoc
548548
name: Material Range
@@ -3415,6 +3415,7 @@ input:disabled + .switch__toggle {
34153415
</ul>
34163416
*/
34173417
.list__item__left {
3418+
min-height: 44px;
34183419
display: -webkit-box;
34193420
display: -webkit-flex;
34203421
display: -moz-box;
@@ -3442,6 +3443,7 @@ input:disabled + .switch__toggle {
34423443
margin: 0;
34433444
}
34443445
.list__item__center {
3446+
min-height: 44px;
34453447
display: -webkit-box;
34463448
display: -webkit-flex;
34473449
display: -moz-box;
@@ -3493,6 +3495,7 @@ input:disabled + .switch__toggle {
34933495
}
34943496
}
34953497
.list__item__right {
3498+
min-height: 44px;
34963499
display: -webkit-box;
34973500
display: -webkit-flex;
34983501
display: -moz-box;
@@ -3723,6 +3726,10 @@ input:disabled + .switch__toggle {
37233726
border: none;
37243727
background-image: none;
37253728
}
3729+
.list__item--longdivider.list__item--chevron:before {
3730+
border: none;
3731+
background-image: none;
3732+
}
37263733
/* topdoc
37273734
name: Category List Header
37283735
class: list__header
@@ -3812,6 +3819,7 @@ input:disabled + .switch__toggle {
38123819
transition: none;
38133820
}
38143821
.list__item--chevron:before {
3822+
min-height: 44px;
38153823
display: -webkit-box;
38163824
display: -webkit-flex;
38173825
display: -moz-box;
@@ -4181,10 +4189,55 @@ input:disabled + .switch__toggle {
41814189
.list__item--material__left:empty,
41824190
.list__item--material__center {
41834191
padding: 16px 0;
4192+
border-color: #eee;
4193+
}
4194+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4195+
.list__item--material__left:empty,
4196+
.list__item--material__center {
4197+
border-bottom: none;
4198+
-webkit-background-size: 100% 1px;
4199+
background-size: 100% 1px;
4200+
background-repeat: no-repeat;
4201+
background-position: bottom;
4202+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4203+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4204+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4205+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4206+
}
41844207
}
41854208
.list__item--material__right {
41864209
padding: 16px 16px 16px 0px;
41874210
line-height: 1;
4211+
border-color: #eee;
4212+
}
4213+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4214+
.list__item--material__right {
4215+
border-bottom: none;
4216+
-webkit-background-size: 100% 1px;
4217+
background-size: 100% 1px;
4218+
background-repeat: no-repeat;
4219+
background-position: bottom;
4220+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4221+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4222+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4223+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4224+
}
4225+
}
4226+
.list__item--material.list__item--longdivider {
4227+
border-bottom: 1px solid #eee;
4228+
}
4229+
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
4230+
.list__item--material.list__item--longdivider {
4231+
border-bottom: none;
4232+
-webkit-background-size: 100% 1px;
4233+
background-size: 100% 1px;
4234+
background-repeat: no-repeat;
4235+
background-position: bottom;
4236+
background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4237+
background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4238+
background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
4239+
background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
4240+
}
41884241
}
41894242
/* topdoc
41904243
name: Material List with Header
@@ -4214,7 +4267,7 @@ input:disabled + .switch__toggle {
42144267
padding: 8px 16px;
42154268
}
42164269
.list__header--material:not(:first-of-type) {
4217-
border-top: 1px solid var-list-border-color;
4270+
border-top: 1px solid #eee;
42184271
padding-top: 16px;
42194272
}
42204273
/* topdoc

0 commit comments

Comments
 (0)