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

iOS outer-content css

Browse Source
This commit is contained in:
Adam Bradley
2015-08-31 15:32:04 -05:00
parent bf4eea3fb2
commit c6ee245f70
12 changed files with 247 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/list/test/headers/index.ts
View File

@@ -5,5 +5,3 @@ import {App} from 'ionic/ionic';
templateUrl: 'main.html'
})
class E2EApp {}
document.body.style.background='#eee';

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

@@ -1,106 +1,110 @@
<ion-toolbar><ion-title>List Headers</ion-title></ion-toolbar>
<ion-list>
<ion-content class="outer-content">
<ion-header>
List Header
</ion-header>
<ion-list>
<ion-item>
<icon wifi item-left></icon>
Wifi
<div class="item-note" item-right>
Terrible
</div>
</ion-item>
<ion-header>
List Header
</ion-header>
<ion-item>
<icon heart item-left></icon>
Affection
<div class="item-note" item-right>
Very Little
</div>
</ion-item>
<ion-item>
<icon wifi item-left></icon>
Wifi
<div class="item-note" item-right>
Terrible
</div>
</ion-item>
<ion-item>
<icon home item-left></icon>
Home
<div class="item-note" item-right>
Where the heart is
</div>
</ion-item>
<ion-item>
<icon heart item-left></icon>
Affection
<div class="item-note" item-right>
Very Little
</div>
</ion-item>
</ion-list>
<ion-item>
<icon home item-left></icon>
Home
<div class="item-note" item-right>
Where the heart is
</div>
</ion-item>
</ion-list>
<ion-list>
<ion-list>
<ion-header>
List Header
</ion-header>
<ion-header>
List Header
</ion-header>
<ion-item>
<icon color-wand item-left></icon>
Magic
<div class="item-note" item-right>
Activated
</div>
</ion-item>
<ion-item>
<icon color-wand item-left></icon>
Magic
<div class="item-note" item-right>
Activated
</div>
</ion-item>
<ion-item>
<icon star item-left></icon>
Star status
<div class="item-note" item-right>
Super
</div>
</ion-item>
<ion-item>
<icon star item-left></icon>
Star status
<div class="item-note" item-right>
Super
</div>
</ion-item>
</ion-list>
</ion-list>
<ion-list>
<ion-list>
<ion-header>
List Header with text that is too long to fit inside the list header
</ion-header>
<ion-header>
List Header with text that is too long to fit inside the list header
</ion-header>
<ion-item>
<icon pizza item-left></icon>
Pizza
<div class="item-note" item-right>
Always
</div>
</ion-item>
<ion-item>
<icon pizza item-left></icon>
Pizza
<div class="item-note" item-right>
Always
</div>
</ion-item>
<ion-item>
<icon beer item-left></icon>
Beer
<div class="item-note" item-right>
Yes Plz
</div>
</ion-item>
<ion-item>
<icon beer item-left></icon>
Beer
<div class="item-note" item-right>
Yes Plz
</div>
</ion-item>
<ion-item>
<icon wine item-left></icon>
Wine
<div class="item-note" item-right>
All the time
</div>
</ion-item>
<ion-item>
<icon wine item-left></icon>
Wine
<div class="item-note" item-right>
All the time
</div>
</ion-item>
</ion-list>
</ion-list>
<ion-list>
<ion-list>
<ion-item>
<icon chatboxes item-left></icon>
New List, no header, Item 1
</ion-item>
<ion-item>
<icon chatboxes item-left></icon>
New List, no header, Item 1
</ion-item>
<ion-item>
<icon chatboxes item-left></icon>
New List, no header, Item 2
</ion-item>
<ion-item>
<icon chatboxes item-left></icon>
New List, no header, Item 2
</ion-item>
</ion-list>
</ion-list>
</ion-content>