javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(thumbnail): Correctly apply thumbnail style to item directive, closes #509

Browse Source
This commit is contained in:
Adam Bradley
2014-02-22 22:34:51 -06:00
parent 1503cc7213
commit 977c1cc6e5
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
js/ext/angular/test/list.html
View File

@@ -67,12 +67,6 @@
.my-repeat-animation > .ng-move.ng-move-active {
opacity:1;
}
.item-message img {
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
}
</style>
</head>
@@ -115,7 +109,7 @@
option-buttons="optionButtons1">
<!-- shows that the item directive does not need attributes and can get values from the list attributes -->
<ion-item ion-item="item" ng-href="#" ng-click="itemClick()" class="item-message" ng-repeat="item in items" ng-class="{ active: item.isActive}">
<ion-item ion-item="item" ng-href="#" ng-click="itemClick()" class="item-thumbnail-left" ng-repeat="item in items" ng-class="{ active: item.isActive}">
<img ng-src="{{item.face}}">
<h2>{{item.from}}</h2>
<p>{{item.text}}</p>

12
scss/_items.scss
View File

@@ -438,7 +438,8 @@ button.item-button-right:after,
// Item Thumbnails
// -------------------------------
.item-thumbnail-left {
.item-thumbnail-left,
.item-thumbnail-left .item-content {
padding-left: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
@@ -451,8 +452,12 @@ button.item-button-right:after,
width: 100%;
}
}
.item-thumbnail-left.item-complex {
padding-left: 0;
}
.item-thumbnail-right {
.item-thumbnail-right,
.item-thumbnail-right .item-content {
padding-right: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
@@ -465,6 +470,9 @@ button.item-button-right:after,
width: 100%;
}
}
.item-thumbnail-left.item-complex {
padding-right: 0;
}
// Item Image