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

docs(css): replace text-wrap directive with class (#19144)

Browse Source
This commit is contained in:
Matthew Harris
2019-08-27 02:27:00 +07:00
committed by Brandy Carney
parent c7b6c7d563
commit d4db3af881
11 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/item/readme.md
View File

@ -131,14 +131,14 @@ List Items
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-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. to fit on one line in the item.
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
<ion-text color="primary"> <ion-text color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</ion-text> </ion-text>
@ -455,14 +455,14 @@ List Items
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-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. to fit on one line in the item.
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
<ion-text color="primary"> <ion-text color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</ion-text> </ion-text>
@ -778,14 +778,14 @@ const Example: React.FC<{}> = () => (
</IonItem> </IonItem>
<IonItem> <IonItem>
<IonLabel text-wrap> <IonLabel class="ion-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. to fit on one line in the item.
</IonLabel> </IonLabel>
</IonItem> </IonItem>
<IonItem> <IonItem>
<IonLabel text-wrap> <IonLabel class="ion-text-wrap">
<IonText color="primary"> <IonText color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</IonText> </IonText>
@ -1098,14 +1098,14 @@ List Items
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-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. to fit on one line in the item.
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
<ion-text color="primary"> <ion-text color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</ion-text> </ion-text>

4
core/src/components/item/usage/angular.md
View File

@ -68,14 +68,14 @@ List Items
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-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. to fit on one line in the item.
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
<ion-text color="primary"> <ion-text color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</ion-text> </ion-text>

4
core/src/components/item/usage/javascript.md
View File

@ -68,14 +68,14 @@ List Items
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-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. to fit on one line in the item.
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
<ion-text color="primary"> <ion-text color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</ion-text> </ion-text>

4
core/src/components/item/usage/react.md
View File

@ -67,14 +67,14 @@ const Example: React.FC<{}> = () => (
</IonItem> </IonItem>
<IonItem> <IonItem>
<IonLabel text-wrap> <IonLabel class="ion-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. to fit on one line in the item.
</IonLabel> </IonLabel>
</IonItem> </IonItem>
<IonItem> <IonItem>
<IonLabel text-wrap> <IonLabel class="ion-text-wrap">
<IonText color="primary"> <IonText color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</IonText> </IonText>

4
core/src/components/item/usage/vue.md
View File

@ -73,14 +73,14 @@ List Items
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-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. to fit on one line in the item.
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
<ion-text color="primary"> <ion-text color="primary">
<h3>H3 Primary Title</h3> <h3>H3 Primary Title</h3>
</ion-text> </ion-text>

6
core/src/components/label/readme.md
View File

@ -27,7 +27,7 @@ Label is a wrapper element that can be used in combination with `ion-item`, `ion
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>
@ -90,7 +90,7 @@ export const LabelExample: React.FC = () => (
</IonItem> </IonItem>
<IonItem> <IonItem>
<IonLabel text-wrap> <IonLabel class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</IonLabel> </IonLabel>
@ -151,7 +151,7 @@ export const LabelExample: React.FC = () => (
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

2
core/src/components/label/usage/angular.md
View File

@ -15,7 +15,7 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

2
core/src/components/label/usage/javascript.md
View File

@ -15,7 +15,7 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

2
core/src/components/label/usage/react.md
View File

@ -20,7 +20,7 @@ export const LabelExample: React.FC = () => (
</IonItem> </IonItem>
<IonItem> <IonItem>
<IonLabel text-wrap> <IonLabel class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</IonLabel> </IonLabel>

2
core/src/components/label/usage/vue.md
View File

@ -16,7 +16,7 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
Multi-line text that should wrap when it is too long Multi-line text that should wrap when it is too long
to fit on one line in the item. to fit on one line in the item.
</ion-label> </ion-label>

2
core/src/components/select-popover/select-popover.tsx
View File

@ -41,7 +41,7 @@ export class SelectPopover implements ComponentInterface {
{this.header !== undefined && <ion-list-header>{this.header}</ion-list-header>} {this.header !== undefined && <ion-list-header>{this.header}</ion-list-header>}
{ (this.subHeader !== undefined || this.message !== undefined) && { (this.subHeader !== undefined || this.message !== undefined) &&
<ion-item> <ion-item>
<ion-label text-wrap> <ion-label class="ion-text-wrap">
{this.subHeader !== undefined && <h3>{this.subHeader}</h3>} {this.subHeader !== undefined && <h3>{this.subHeader}</h3>}
{this.message !== undefined && <p>{this.message}</p>} {this.message !== undefined && <p>{this.message}</p>}
</ion-label> </ion-label>