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

refactor(item): changed notes from a class to an element

Browse Source 
Closes #251
This commit is contained in:
Brandy Carney
2015-10-06 13:30:58 -04:00
parent 0e2ac93382
commit fcd8a34dff
7 changed files with 46 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
demos/component-docs/main.html
View File

@ -344,7 +344,7 @@
<ion-item>
<icon call item-left></icon>
Call Ron
<div class="item-note" item-right>Maybe later</div>
<ion-note item-right>Maybe later</ion-note>
</ion-item>
</ion-list>
@ -415,4 +415,3 @@
</section>
</ion-content>

24
demos/icons/main.html
View File

@ -19,17 +19,17 @@
<ion-item>
<icon heart item-left></icon>
Affection
<div class="item-note" item-right>
<ion-note item-right>
Very Little
</div>
</ion-note>
</ion-item>
<ion-item>
<icon home item-left></icon>
Home
<div class="item-note" item-right>
<ion-note item-right>
Where the heart is
</div>
</ion-note>
</ion-item>
<ion-switch checked="true">
@ -40,33 +40,33 @@
<ion-item>
<icon star item-left></icon>
Star status
<div class="item-note" item-right>
<ion-note item-right>
Super
</div>
</ion-note>
</ion-item>
<ion-item>
<icon pizza item-left></icon>
Pizza
<div class="item-note" item-right>
<ion-note item-right>
Always
</div>
</ion-note>
</ion-item>
<ion-item>
<icon beer item-left></icon>
Beer
<div class="item-note" item-right>
<ion-note item-right>
Yes Plz
</div>
</ion-note>
</ion-item>
<ion-item>
<icon wine item-left></icon>
Wine
<div class="item-note" item-right>
<ion-note item-right>
All the time
</div>
</ion-note>
</ion-item>
</ion-list>

24
demos/list/main.html
View File

@ -16,17 +16,17 @@
<ion-item>
<icon heart item-left></icon>
Affection
<div class="item-note" item-right>
<ion-note item-right>
Very Little
</div>
</ion-note>
</ion-item>
<ion-item>
<icon home item-left></icon>
Home
<div class="item-note" item-right>
<ion-note item-right>
Where the heart is
</div>
</ion-note>
</ion-item>
</ion-list>
@ -46,9 +46,9 @@
<ion-item>
<icon star item-left></icon>
Star status
<div class="item-note" item-right>
<ion-note item-right>
Super
</div>
</ion-note>
</ion-item>
</ion-list>
@ -63,25 +63,25 @@
<ion-item>
<icon pizza item-left></icon>
Pizza
<div class="item-note" item-right>
<ion-note item-right>
Always
</div>
</ion-note>
</ion-item>
<ion-item>
<icon beer item-left></icon>
Beer
<div class="item-note" item-right>
<ion-note item-right>
Yes Plz
</div>
</ion-note>
</ion-item>
<ion-item>
<icon wine item-left></icon>
Wine
<div class="item-note" item-right>
<ion-note item-right>
All the time
</div>
</ion-note>
</ion-item>
</ion-list>

4
ionic/components/item/item.ts
View File

@ -14,9 +14,9 @@ import {dom} from 'ionic/util';
* <ion-list>
* <ion-item *ng-for="#item of items" (click)="itemTapped($event, item)">
* {{item.title}}
* <div class="item-note" item-right>
* <ion-note item-right>
* {{item.note}}
* </div>
* </ion-note>
* </ion-item>
* </ion-list>
* ```

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

@ -134,7 +134,7 @@ $item-ios-divider-padding: 5px 15px !default;
margin-bottom: 1px;
}
.item-note {
ion-note {
color: $item-ios-note-color;
}

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

@ -137,7 +137,7 @@ $item-md-divider-padding: 5px 15px !default;
line-height: $item-md-body-text-line-height;
}
.item-note {
ion-note {
color: $item-md-note-color;
}

24
ionic/components/list/test/headers/main.html
View File

@ -16,17 +16,17 @@
<ion-item>
<icon heart item-left></icon>
Affection
<div class="item-note" item-right>
<ion-note item-right>
Very Little
</div>
</ion-note>
</ion-item>
<ion-item>
<icon home item-left></icon>
Home
<div class="item-note" item-right>
<ion-note item-right>
Where the heart is
</div>
</ion-note>
</ion-item>
</ion-list>
@ -46,9 +46,9 @@
<ion-item>
<icon star item-left></icon>
Star status
<div class="item-note" item-right>
<ion-note item-right>
Super
</div>
</ion-note>
</ion-item>
</ion-list>
@ -63,25 +63,25 @@
<ion-item>
<icon pizza item-left></icon>
Pizza
<div class="item-note" item-right>
<ion-note item-right>
Always
</div>
</ion-note>
</ion-item>
<ion-item>
<icon beer item-left></icon>
Beer
<div class="item-note" item-right>
<ion-note item-right>
Yes Plz
</div>
</ion-note>
</ion-item>
<ion-item>
<icon wine item-left></icon>
Wine
<div class="item-note" item-right>
<ion-note item-right>
All the time
</div>
</ion-note>
</ion-item>
</ion-list>