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): fixing some more UI issues

Browse Source 
references #437
This commit is contained in:
Brandy Carney
2015-11-10 20:27:24 -05:00
parent 4386e8cebb
commit 583ecf8d12
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/item/item.scss
View File

@ -23,7 +23,6 @@
} }
.item-inner { .item-inner {
width: 100%;
display: flex; display: flex;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -32,6 +31,7 @@
overflow: hidden; overflow: hidden;
align-self: stretch; align-self: stretch;
box-sizing: border-box; box-sizing: border-box;
flex: 1;
} }
.item-group { .item-group {

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

@ -47,7 +47,7 @@ $list-ios-header-color: #333 !default;
.item { .item {
border-radius: 0; border-radius: 0;
// TODO this makes the border not show on sticky // TODO this makes the border not show on sticky
margin-top: -1px; // margin-top: -1px;
padding-left: $item-ios-padding-left; padding-left: $item-ios-padding-left;
font-size: $item-ios-font-size; font-size: $item-ios-font-size;
} }
@ -98,6 +98,16 @@ $list-ios-header-color: #333 !default;
margin-bottom: $item-ios-padding-icon-bottom; margin-bottom: $item-ios-padding-icon-bottom;
} }
ion-avatar[item-left],
ion-thumbnail[item-left] {
margin: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom 0;
}
ion-avatar[item-right],
ion-thumbnail[item-right] {
margin: $item-ios-padding-top ($item-ios-padding-right / 2) $item-ios-padding-bottom ($item-ios-padding-left / 2);
}
button[item-left], button[item-left],
button[item-right], button[item-right],
[button][item-left], [button][item-left],