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

change .item-text-wrap css class to [text-wrap] attr

Browse Source
This commit is contained in:
Adam Bradley
2015-10-07 11:15:54 -05:00
parent 141078f979
commit ea2647123a
6 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,7 +70,7 @@ ion-item-content {
}
}
.item-text-wrap ion-item-content {
[text-wrap] ion-item-content {
white-space: normal;
}

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

@ -135,7 +135,7 @@ $item-md-sliding-transition: transform 250ms ease-in-out !default;
margin-bottom: 1px;
}
.item-text-wrap ion-item-content {
[text-wrap] ion-item-content {
font-size: $item-md-body-text-font-size;
line-height: $item-md-body-text-line-height;
}

2
ionic/components/item/test/buttons/main.html
View File

@ -81,7 +81,7 @@
</button>
</ion-item>
<ion-item class="item-text-wrap">
<ion-item text-wrap>
This is multiline text that has a
long description of about how the text is really long
and a <a href="#" (click)="testClick($event)">link</a>.

6
ionic/components/item/test/sliding/main.html
View File

@ -2,7 +2,7 @@
<ion-list>
<ion-item-sliding class="item-text-wrap" detail-push>
<ion-item-sliding text-wrap detail-push>
<h3>Max Lynch</h3>
<p>
Hey do you want to go to the game tonight?
@ -12,7 +12,7 @@
</ion-item-options>
</ion-item-sliding>
<ion-item-sliding class="item-text-wrap" detail-push>
<ion-item-sliding text-wrap detail-push>
<h3>Adam Bradley</h3>
<p>
I think I figured out how to get more Mountain Dew
@ -22,7 +22,7 @@
</ion-item-options>
</ion-item-sliding>
<ion-item-sliding class="item-text-wrap" detail-push>
<ion-item-sliding text-wrap detail-push>
<h3>Ben Sperry</h3>
<p>
I like paper

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

@ -12,28 +12,28 @@
Single line text that should have ellipses when it doesn't all fit in the item
</ion-item>
<ion-item class="item-text-wrap">
<ion-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">
<ion-item text-wrap>
<h1>H1 Title Text</h1>
<p>Paragraph line 1</p>
</ion-item>
<ion-item class="item-text-wrap">
<ion-item text-wrap>
<h2>H2 Title Text</h2>
<p>Paragraph line 1</p>
</ion-item>
<ion-item class="item-text-wrap">
<ion-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">
<ion-item text-wrap>
<h4>H4 Title Text</h4>
<p>Paragraph line 1</p>
<p>Paragraph line 2</p>

2
ionic/components/list/test/inset/main.html
View File

@ -56,7 +56,7 @@
List Item 2
</ion-item>
<ion-item class="item-text-wrap">
<ion-item text-wrap>
This is a multiline content within a list that should
take up multiple lines and stuff.
</ion-item>