Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 6 commits into from
Aug 26, 2019
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e366c42
docs(item): angular text-wrap directive to class
rtpHarry Aug 21, 2019
7596aeb
docs(item): javascript wrap directive to class
rtpHarry Aug 21, 2019
c1967b9
docs(item): react directive to class
rtpHarry Aug 21, 2019
22b7f6e
docs(item): vue wrap directive to class
rtpHarry Aug 21, 2019
bec5dbe
docs(item): update autogenerated docs
rtpHarry Aug 24, 2019
2fe9f19
fix(text-wrap): replace directive with class
rtpHarry Aug 24, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions core/src/components/item/readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions core/src/components/item/usage/angular.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions core/src/components/item/usage/javascript.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions core/src/components/item/usage/react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions core/src/components/item/usage/vue.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
6 changes: 3 additions & 3 deletions core/src/components/label/readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion core/src/components/label/usage/angular.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion core/src/components/label/usage/javascript.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion core/src/components/label/usage/react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion core/src/components/label/usage/vue.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion core/src/components/select-popover/select-popover.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down