javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(list): adding no-lines attribute on - if on an item it will only affect border bottom

Browse Source 
closes #493
This commit is contained in:
Brandy Carney
2015-11-12 14:19:52 -05:00
parent 4c31e15a0e
commit 007c881ad0
2 changed files with 22 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ionic/components/list/modes/ios.scss
View File

@ -82,14 +82,13 @@ $list-ios-header-color: #333 !default;
border-bottom: 1px solid $item-ios-border-color;
}
// If the item has the no-lines attribute remove the border from:
// the item itself (for first or last-child items)
// the item-inner class (if it is not first or last)
// the next item's item-inner after the one with no-lines if there is one
// .item[no-lines],
// .item[no-lines] .item-inner, {
// border-width: 0;
// }
// If the item has the no-lines attribute remove the bottom border from:
// the item itself (for last-child items)
// the item-inner class (if it is not last)
.item[no-lines],
.item[no-lines] .item-inner, {
border-width: 0;
}
[item-left] {
margin: ($item-ios-padding-top / 2) $item-ios-padding-right ($item-ios-padding-bottom / 2) 0;

34
ionic/components/list/modes/md.scss
View File

@ -40,13 +40,13 @@ $list-md-header-color: #858585 !default;
}
}
// .item[no-lines],
// .item[no-lines] + .item {
// border-width: 0;
// .item-inner {
// border-width: 0;
// }
// }
// If the item has the no-lines attribute remove the bottom border from:
// the item itself (for last-child items)
// the item-inner class (if it is not last)
.item[no-lines],
.item[no-lines] .item-inner {
border-width: 0;
}
ion-header,
ion-item-group-title {
@ -248,15 +248,11 @@ $list-md-header-color: #858585 !default;
/* NO LINES LIST */
/*****************/
// .list[no-lines] {
// .item {
// border-width: 0;
// }
//
// ion-header + .item,
// ion-header + script + .item,
// ion-item-group-title + .item,
// ion-item-group-title + script + .item {
// border-width: 1px !important;
// }
// }
.list[no-lines] {
ion-header,
ion-item-group-title,
.item,
.item .item-inner {
border-width: 0;
}
}