mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
docs(css): replace text-wrap directive with class (#19144)
This commit is contained in:

committed by
Brandy Carney

parent
c7b6c7d563
commit
d4db3af881
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user