mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
remove .item-media
This commit is contained in:
@ -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>
|
||||
|
||||
|
@ -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}}">' +
|
||||
|
@ -26,14 +26,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.item .item-media {
|
||||
line-height: 1;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
ion-avatar,
|
||||
ion-thumbnail {
|
||||
display: block;
|
||||
|
@ -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>
|
||||
|
@ -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>'
|
||||
})
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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]
|
||||
|
Reference in New Issue
Block a user