javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +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; border-bottom: 1px solid $item-ios-border-color;
} }
// If the item has the no-lines attribute remove the border from: // If the item has the no-lines attribute remove the bottom border from:
// the item itself (for first or last-child items) // the item itself (for last-child items)
// the item-inner class (if it is not first or last) // the item-inner class (if it is not last)
// the next item's item-inner after the one with no-lines if there is one .item[no-lines],
// .item[no-lines], .item[no-lines] .item-inner, {
// .item[no-lines] .item-inner, { border-width: 0;
// border-width: 0; }
// }
[item-left] { [item-left] {
margin: ($item-ios-padding-top / 2) $item-ios-padding-right ($item-ios-padding-bottom / 2) 0; 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], // If the item has the no-lines attribute remove the bottom border from:
// .item[no-lines] + .item { // the item itself (for last-child items)
// border-width: 0; // the item-inner class (if it is not last)
// .item-inner { .item[no-lines],
// border-width: 0; .item[no-lines] .item-inner {
// } border-width: 0;
// } }
ion-header, ion-header,
ion-item-group-title { ion-item-group-title {
@ -248,15 +248,11 @@ $list-md-header-color: #858585 !default;
/* NO LINES LIST */ /* NO LINES LIST */
/*****************/ /*****************/
// .list[no-lines] { .list[no-lines] {
// .item { ion-header,
// border-width: 0; ion-item-group-title,
// } .item,
// .item .item-inner {
// ion-header + .item, border-width: 0;
// ion-header + script + .item, }
// ion-item-group-title + .item, }
// ion-item-group-title + script + .item {
// border-width: 1px !important;
// }
// }