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): updated md mode for borders on the item-inner

Browse Source 
references #437
This commit is contained in:
Brandy Carney
2015-11-12 18:39:32 -05:00
parent 6548585eab
commit 0a70a382ef
2 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,8 +37,6 @@ $list-ios-header-color: #333 !default;
color: $list-ios-header-color; color: $list-ios-header-color;
} }
// Apply the border to the first item in the list
// whether there is a header or not
ion-header, ion-header,
ion-item-group-title , { ion-item-group-title , {
border-bottom: 1px solid $item-ios-border-color; border-bottom: 1px solid $item-ios-border-color;

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

@ -23,20 +23,32 @@ $list-md-header-color: #858585 !default;
/****************/ /****************/
.list { .list {
.item-group { ion-header,
ion-item-group-title , {
border-bottom: 1px solid $item-md-border-color;
} }
.item { .item {
// margin-top: -1px;
border-bottom: 1px solid $item-md-border-color;
padding-right: ($item-md-padding-right / 2); padding-right: ($item-md-padding-right / 2);
margin-left: $item-md-padding-left; padding-left: ($item-md-padding-left);
font-size: $item-md-font-size; font-size: $item-md-font-size;
text-transform: none; text-transform: none;
&:first-child { .item-inner {
border-top: 1px solid $item-md-border-color; border-bottom: 1px solid $item-md-border-color;
}
}
> .item:first-child {
border-top: 1px solid $item-md-border-color;
}
> .item:last-child,
> ion-item-sliding:last-child .item {
border-bottom: 1px solid $item-md-border-color;
.item-inner {
border-bottom: none;
} }
} }