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/item/test/text/index.ts
View File

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

66
ionic/components/item/test/text/main.html
View File

@@ -1,41 +1,45 @@
<ion-toolbar><ion-title>Item Text</ion-title></ion-toolbar>
<ion-list>
<ion-content class="outer-content">
<ion-item>
Plain Ol' div with some text
</ion-item>
<ion-list>
<ion-item>
Single line text that should have ellipses when it doesn't all fit in the item
</ion-item>
<ion-item>
Plain Ol' div with some text
</ion-item>
<ion-item class="item-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item. Class on .item
</ion-item>
<ion-item>
Single line text that should have ellipses when it doesn't all fit in the item
</ion-item>
<ion-item class="item-text-wrap">
<h1>H1 Title Text</h1>
<p>Paragraph line 1</p>
</ion-item>
<ion-item class="item-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item. Class on .item
</ion-item>
<ion-item class="item-text-wrap">
<h2>H2 Title Text</h2>
<p>Paragraph line 1</p>
</ion-item>
<ion-item class="item-text-wrap">
<h1>H1 Title Text</h1>
<p>Paragraph line 1</p>
</ion-item>
<ion-item class="item-text-wrap">
<h3>H3 Title Text</h3>
<p>Paragraph line 1</p>
<p>Paragraph line 2</p>
</ion-item>
<ion-item class="item-text-wrap">
<h2>H2 Title Text</h2>
<p>Paragraph line 1</p>
</ion-item>
<ion-item class="item-text-wrap">
<h4>H4 Title Text</h4>
<p>Paragraph line 1</p>
<p>Paragraph line 2</p>
<p>Paragraph line 3</p>
</ion-item>
<ion-item class="item-text-wrap">
<h3>H3 Title Text</h3>
<p>Paragraph line 1</p>
<p>Paragraph line 2</p>
</ion-item>
</ion-list>
<ion-item class="item-text-wrap">
<h4>H4 Title Text</h4>
<p>Paragraph line 1</p>
<p>Paragraph line 2</p>
<p>Paragraph line 3</p>
</ion-item>
</ion-list>
</ion-content>