mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
fix(label): include the ion-text-wrap class styles for larger font (#18374)
- updates all e2e tests to use the CSS classes instead of attributes
This commit is contained in:
@ -122,17 +122,17 @@
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col align-self-start>
|
||||
<ion-col class="ion-align-self-start">
|
||||
<div>
|
||||
ion-col[top]
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-center>
|
||||
<ion-col class="ion-align-self-center">
|
||||
<div>
|
||||
ion-col[center]
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-end>
|
||||
<ion-col class="ion-align-self-end">
|
||||
<div>
|
||||
ion-col[bottom]
|
||||
</div>
|
||||
@ -146,7 +146,7 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-start>
|
||||
<ion-row class="ion-align-items-start">
|
||||
<ion-col>
|
||||
<div>
|
||||
[top] ion-col
|
||||
@ -157,7 +157,7 @@
|
||||
[top] ion-col
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-end>
|
||||
<ion-col class="ion-align-self-end">
|
||||
<div>
|
||||
[top] ion-col[bottom]
|
||||
</div>
|
||||
@ -171,7 +171,7 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-center>
|
||||
<ion-row class="ion-align-items-center">
|
||||
<ion-col>
|
||||
<div>
|
||||
[center] ion-col
|
||||
@ -196,13 +196,13 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-end>
|
||||
<ion-row class="ion-align-items-end">
|
||||
<ion-col>
|
||||
<div>
|
||||
[bottom] ion-col
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-start>
|
||||
<ion-col class="ion-align-self-start">
|
||||
<div>
|
||||
[bottom] ion-col[top]
|
||||
</div>
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content id="content" class="grid-demo">
|
||||
<h2 padding-start>Push</h2>
|
||||
<h2 class="ion-padding-start">Push</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col size="auto" push="1">
|
||||
@ -37,7 +37,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Push and Pull</h2>
|
||||
<h2 class="ion-padding-start">Push and Pull</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col size="9" push="3">
|
||||
@ -68,7 +68,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Offset</h2>
|
||||
<h2 class="ion-padding-start">Offset</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col offset="5">
|
||||
|
||||
@ -21,8 +21,8 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content id="content" class="grid-demo">
|
||||
<h2 padding-start>No Grid Padding</h2>
|
||||
<ion-grid no-padding>
|
||||
<h2 class="ion-padding-start">No Grid Padding</h2>
|
||||
<ion-grid class="ion-no-padding">
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<div>
|
||||
@ -47,8 +47,8 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>No Grid Padding / Nested</h2>
|
||||
<ion-grid no-padding>
|
||||
<h2 class="ion-padding-start">No Grid Padding / Nested</h2>
|
||||
<ion-grid class="ion-no-padding">
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-grid>
|
||||
@ -84,7 +84,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Default Grid Padding</h2>
|
||||
<h2 class="ion-padding-start">Default Grid Padding</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
@ -110,7 +110,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Custom Grid Padding By Breakpoint</h2>
|
||||
<h2 class="ion-padding-start">Custom Grid Padding By Breakpoint</h2>
|
||||
<ion-grid class="custom-grid-padding">
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
@ -136,7 +136,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Custom Column Padding By Breakpoint</h2>
|
||||
<h2 class="ion-padding-start">Custom Column Padding By Breakpoint</h2>
|
||||
<ion-grid class="custom-column-padding">
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
|
||||
@ -124,17 +124,17 @@
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col align-self-start>
|
||||
<ion-col class="ion-align-self-start">
|
||||
<div>
|
||||
ion-col [start]
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-center>
|
||||
<ion-col class="ion-align-self-center">
|
||||
<div>
|
||||
ion-col [center]
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-end>
|
||||
<ion-col class="ion-align-self-end">
|
||||
<div>
|
||||
ion-col [end]
|
||||
</div>
|
||||
@ -148,7 +148,7 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-start>
|
||||
<ion-row class="ion-align-items-start">
|
||||
<ion-col>
|
||||
<div>
|
||||
[start] ion-col
|
||||
@ -159,7 +159,7 @@
|
||||
[start] ion-col
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-end>
|
||||
<ion-col class="ion-align-self-end">
|
||||
<div>
|
||||
[start] ion-col [end]
|
||||
</div>
|
||||
@ -173,7 +173,7 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-center>
|
||||
<ion-row class="ion-align-items-center">
|
||||
<ion-col>
|
||||
<div>
|
||||
[center] ion-col
|
||||
@ -198,13 +198,13 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-end>
|
||||
<ion-row class="ion-align-items-end">
|
||||
<ion-col>
|
||||
<div>
|
||||
[end] ion-col
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-start>
|
||||
<ion-col class="ion-align-self-start">
|
||||
<div>
|
||||
[end] ion-col [start]
|
||||
</div>
|
||||
|
||||
@ -21,12 +21,12 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content id="content" class="grid-demo">
|
||||
<h2 padding-start>10 Column Layout</h2>
|
||||
<h2 class="ion-padding-start">10 Column Layout</h2>
|
||||
<ion-grid class="grid-10">
|
||||
<ion-row id="row10"></ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Responsive sm</h2>
|
||||
<h2 class="ion-padding-start">Responsive sm</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col size="12" size-sm>
|
||||
@ -52,7 +52,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Size auto</h2>
|
||||
<h2 class="ion-padding-start">Size auto</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
@ -78,7 +78,7 @@
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
<h2 padding-start>Breakpoint Sizes</h2>
|
||||
<h2 class="ion-padding-start">Breakpoint Sizes</h2>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="1">
|
||||
|
||||
@ -115,17 +115,17 @@
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col align-self-start>
|
||||
<ion-col class="ion-align-self-start">
|
||||
<div>
|
||||
ion-col[top]
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-center>
|
||||
<ion-col class="ion-align-self-center">
|
||||
<div>
|
||||
ion-col[center]
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-end>
|
||||
<ion-col class="ion-align-self-end">
|
||||
<div>
|
||||
ion-col[bottom]
|
||||
</div>
|
||||
@ -139,7 +139,7 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-start>
|
||||
<ion-row class="ion-align-items-start">
|
||||
<ion-col>
|
||||
<div>
|
||||
[top] ion-col
|
||||
@ -150,7 +150,7 @@
|
||||
[top] ion-col
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-end>
|
||||
<ion-col class="ion-align-self-end">
|
||||
<div>
|
||||
[top] ion-col[bottom]
|
||||
</div>
|
||||
@ -164,7 +164,7 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-center>
|
||||
<ion-row class="ion-align-items-center">
|
||||
<ion-col>
|
||||
<div>
|
||||
[center] ion-col
|
||||
@ -189,13 +189,13 @@
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row align-items-end>
|
||||
<ion-row class="ion-align-items-end">
|
||||
<ion-col>
|
||||
<div>
|
||||
[bottom] ion-col
|
||||
</div>
|
||||
</ion-col>
|
||||
<ion-col align-self-start>
|
||||
<ion-col class="ion-align-self-start">
|
||||
<div>
|
||||
[bottom] ion-col[top]
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user