remove .item-media

This commit is contained in:
Adam Bradley
2015-09-18 11:25:39 -05:00
parent d8b1bab715
commit b95e9609cb
8 changed files with 10 additions and 20 deletions

View File

@ -24,11 +24,9 @@ import {SinkPage} from '../sink-page';
Card Header
</ion-card-header>
<div class="item">
<div class="item-media">
<div>
<img src="http://i.imgur.com/7BEPcGo.jpg">
</div>
</div>
</ion-card>

View File

@ -46,7 +46,7 @@ import {IonicComponent, IonicView} from '../../config/annotations';
})
@IonicView({
template:
'<div item-left class="item-media media-checkbox">' +
'<div item-left class="media-checkbox">' +
'<div class="checkbox-icon"></div>' +
'</div>' +
'<ion-item-content id="{{labelId}}">' +

View File

@ -26,14 +26,6 @@
}
}
.item .item-media {
line-height: 1;
img {
display: block;
}
}
ion-avatar,
ion-thumbnail {
display: block;

View File

@ -55,9 +55,9 @@
</ion-item>
<button ion-item>
<div class="item-media" item-left>
<img class="thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</div>
<ion-thumbnail item-left>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
</ion-thumbnail>
<h3>H3 Title Text</h3>
<p>Icon on right</p>
<p>Vertically align top</p>

View File

@ -189,7 +189,7 @@ export class RadioGroup extends Ion {
'<ion-item-content id="{{labelId}}">' +
'<ng-content></ng-content>' +
'</ion-item-content>' +
'<div item-right class="item-media media-radio">' +
'<div item-right class="media-radio">' +
'<div class="radio-icon"></div>' +
'</div>'
})

View File

@ -24,7 +24,7 @@ $switch-ios-transition-duration: 300ms !default;
ion-switch {
.item-media.media-switch {
[item-right].media-switch {
margin: 0;
padding: 6px ($item-ios-padding-right / 2) 6px ($item-ios-padding-left);
}

View File

@ -20,7 +20,7 @@ $switch-md-transition-duration: 300ms !default;
ion-switch {
.item-media.media-switch {
[item-right].media-switch {
margin: 0;
padding: 6px ($item-md-padding-right / 2) 6px $item-md-padding-left;
}

View File

@ -107,7 +107,7 @@ class MediaSwitch {
'<ion-item-content id="{{labelId}}">' +
'<ng-content></ng-content>' +
'</ion-item-content>' +
'<div item-right class="item-media media-switch">' +
'<div item-right class="media-switch">' +
'<div class="switch-icon"></div>' +
'</div>',
directives: [MediaSwitch]