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

refactor(item): remove no-lines attribute in favor of lines property (#14407)

Browse Source 
* docs(components): update grammar and docs

* docs(item): update item documentation and add usage

* test(item): add lines test

* feat(list): add lines property to override borders on items

* feat(item): add lines property to override borders on items

* refactor(item): remove old uses of no-lines attribute

* fix(item-sliding): update item options to show border

- show the border on left options only if in a full list
- show the border on both options only if in an inset list (or ios by
default)
- don’t show border on either for no lines list (and md by default)

also renames isRightSide to isEndSide to match the side values

* chore(package): update package lock

* style(item): fix lint errors

* test(item): update item tests

* refactor(item): remove the custom styling of last child items

instead of us overriding first/last child items to have borders we are
going to add to the documentation how to style items with a full border

* fix(item): apply border to item inputs for MD mode

* docs(components): update docs based on new build

* docs(usage): update item usage to show lines being used

* fix(item): do not set the padding right to 0 on an item by default

* fix(item): cast lines to boolean

fixes: #5537 #13218 #12689 #12073 #9112
This commit is contained in:
Brandy Carney
2018-05-07 17:16:11 -04:00
committed by GitHub
parent 69cb2e2334
commit 427222cc29
43 changed files with 11819 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/item-option/item-option.ios.scss
View File

@ -10,11 +10,11 @@
background-color: $item-option-button-ios-background-color;
}
.list-ios .item-options-right ion-item-option:last-child {
.list-ios .item-options-end ion-item-option:last-child {
@include safe-area-padding-horizontal(null, .7em);
}
.list-ios .item-options-left ion-item-option:first-child {
.list-ios .item-options-start ion-item-option:first-child {
@include safe-area-padding-horizontal(.7em, null);
}

9
core/src/components/item-option/item-option.scss
View File

@ -21,13 +21,10 @@
}
}
ion-item-options .item-option-button-inner {
flex-direction: column;
}
.item-option-button-inner {
display: flex;
flex-direction: column;
flex-flow: row nowrap;
flex-shrink: 0;
align-items: center;
@ -57,7 +54,7 @@ ion-item-options .item-option-button-inner {
transition-timing-function: cubic-bezier(.65, .05, .36, 1);
}
.item-sliding-active-swipe-right .item-options-right .item-option-expandable {
.item-sliding-active-swipe-right .item-options-end .item-option-expandable {
transition-duration: .6s;
transition-property: padding-left;
@ -75,7 +72,7 @@ ion-item-options .item-option-button-inner {
}
}
.item-sliding-active-swipe-left .item-options-left .item-option-expandable {
.item-sliding-active-swipe-left .item-options-start .item-option-expandable {
transition-duration: .6s;
transition-property: padding-right;