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; 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; margin-bottom: 1px;
} }
.item-text-wrap ion-item-content { [text-wrap] ion-item-content {
font-size: $item-md-body-text-font-size; font-size: $item-md-body-text-font-size;
line-height: $item-md-body-text-line-height; line-height: $item-md-body-text-line-height;
} }

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

@ -81,7 +81,7 @@
</button> </button>
</ion-item> </ion-item>
<ion-item class="item-text-wrap"> <ion-item text-wrap>
This is multiline text that has a This is multiline text that has a
long description of about how the text is really long long description of about how the text is really long
and a <a href="#" (click)="testClick($event)">link</a>. 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-list>
<ion-item-sliding class="item-text-wrap" detail-push> <ion-item-sliding text-wrap detail-push>
<h3>Max Lynch</h3> <h3>Max Lynch</h3>
<p> <p>
Hey do you want to go to the game tonight? Hey do you want to go to the game tonight?
@ -12,7 +12,7 @@
</ion-item-options> </ion-item-options>
</ion-item-sliding> </ion-item-sliding>
<ion-item-sliding class="item-text-wrap" detail-push> <ion-item-sliding text-wrap detail-push>
<h3>Adam Bradley</h3> <h3>Adam Bradley</h3>
<p> <p>
I think I figured out how to get more Mountain Dew I think I figured out how to get more Mountain Dew
@ -22,7 +22,7 @@
</ion-item-options> </ion-item-options>
</ion-item-sliding> </ion-item-sliding>
<ion-item-sliding class="item-text-wrap" detail-push> <ion-item-sliding text-wrap detail-push>
<h3>Ben Sperry</h3> <h3>Ben Sperry</h3>
<p> <p>
I like paper 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 Single line text that should have ellipses when it doesn't all fit in the item
</ion-item> </ion-item>
<ion-item class="item-text-wrap"> <ion-item text-wrap>
Multiline text that should wrap when it is too long Multiline text that should wrap when it is too long
to fit on one line in the item. Class on .item to fit on one line in the item. Class on .item
</ion-item> </ion-item>
<ion-item class="item-text-wrap"> <ion-item text-wrap>
<h1>H1 Title Text</h1> <h1>H1 Title Text</h1>
<p>Paragraph line 1</p> <p>Paragraph line 1</p>
</ion-item> </ion-item>
<ion-item class="item-text-wrap"> <ion-item text-wrap>
<h2>H2 Title Text</h2> <h2>H2 Title Text</h2>
<p>Paragraph line 1</p> <p>Paragraph line 1</p>
</ion-item> </ion-item>
<ion-item class="item-text-wrap"> <ion-item text-wrap>
<h3>H3 Title Text</h3> <h3>H3 Title Text</h3>
<p>Paragraph line 1</p> <p>Paragraph line 1</p>
<p>Paragraph line 2</p> <p>Paragraph line 2</p>
</ion-item> </ion-item>
<ion-item class="item-text-wrap"> <ion-item text-wrap>
<h4>H4 Title Text</h4> <h4>H4 Title Text</h4>
<p>Paragraph line 1</p> <p>Paragraph line 1</p>
<p>Paragraph line 2</p> <p>Paragraph line 2</p>

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

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