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

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

View File

@ -131,14 +131,14 @@ List Items
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</ion-label>
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
<ion-text color="primary">
<h3>H3 Primary Title</h3>
</ion-text>
@ -455,14 +455,14 @@ List Items
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</ion-label>
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
<ion-text color="primary">
<h3>H3 Primary Title</h3>
</ion-text>
@ -778,14 +778,14 @@ const Example: React.FC<{}> = () => (
</IonItem>
<IonItem>
<IonLabel text-wrap>
<IonLabel class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</IonLabel>
</IonItem>
<IonItem>
<IonLabel text-wrap>
<IonLabel class="ion-text-wrap">
<IonText color="primary">
<h3>H3 Primary Title</h3>
</IonText>
@ -1098,14 +1098,14 @@ List Items
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</ion-label>
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
<ion-text color="primary">
<h3>H3 Primary Title</h3>
</ion-text>

View File

@ -68,14 +68,14 @@ List Items
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</ion-label>
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
<ion-text color="primary">
<h3>H3 Primary Title</h3>
</ion-text>

View File

@ -68,14 +68,14 @@ List Items
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</ion-label>
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
<ion-text color="primary">
<h3>H3 Primary Title</h3>
</ion-text>

View File

@ -67,14 +67,14 @@ const Example: React.FC<{}> = () => (
</IonItem>
<IonItem>
<IonLabel text-wrap>
<IonLabel class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</IonLabel>
</IonItem>
<IonItem>
<IonLabel text-wrap>
<IonLabel class="ion-text-wrap">
<IonText color="primary">
<h3>H3 Primary Title</h3>
</IonText>

View File

@ -73,14 +73,14 @@ List Items
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
Multiline text that should wrap when it is too long
to fit on one line in the item.
</ion-label>
</ion-item>
<ion-item>
<ion-label text-wrap>
<ion-label class="ion-text-wrap">
<ion-text color="primary">
<h3>H3 Primary Title</h3>
</ion-text>

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

View File

@ -15,7 +15,7 @@
</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
to fit on one line in the item.
</ion-label>

View File

@ -15,7 +15,7 @@
</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
to fit on one line in the item.
</ion-label>

View File

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

View File

@ -16,7 +16,7 @@
</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
to fit on one line in the item.
</ion-label>

View File

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