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:
Brandy Carney
2019-05-24 11:18:28 -04:00
committed by GitHub
parent 454510092e
commit 4bba540311
122 changed files with 324 additions and 321 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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>