fix(icons): fix the ellipsis fill in ionicons (#20137)

- update docs icon usage for Ionicons 5
- update tests to remove mode prefixed icons
- update tests to use the correct icons for Ionicons 5
- update to latest ionicons dev which fixes the ellipsis icon fill
This commit is contained in:
Brandy Carney
2020-01-03 12:19:17 -05:00
committed by GitHub
parent 02a46a1007
commit 9318d2418e
48 changed files with 217 additions and 233 deletions

View File

@ -27,7 +27,7 @@ The `ion-tab-bar` needs a slot defined in order to be projected to the right pla
</ion-tab-button>
<ion-tab-button tab="speakers">
<ion-icon name="contacts"></ion-icon>
<ion-icon name="person-circle"></ion-icon>
<ion-label>Speakers</ion-label>
</ion-tab-button>
@ -118,7 +118,7 @@ const routes: Routes = [
</ion-tab-button>
<ion-tab-button tab="tab-speaker">
<ion-icon name="contacts"></ion-icon>
<ion-icon name="person-circle"></ion-icon>
<ion-label>Speakers</ion-label>
</ion-tab-button>
@ -189,7 +189,7 @@ export const TabsExample: React.FC = () => (
</IonTabButton>
<IonTabButton tab="speakers">
<IonIcon name="contacts" />
<IonIcon name="person-circle" />
<IonLabel>Speakers</IonLabel>
</IonTabButton>
@ -244,7 +244,7 @@ export const TabsExample: React.FC = () => (
<!-- Provide a custom route to navigate to -->
<ion-tab-button tab="speakers" :to="{ name: 'app.speakers' }">
<ion-icon name="contacts"></ion-icon>
<ion-icon name="person-circle"></ion-icon>
<ion-label>Speakers</ion-label>
</ion-tab-button>

View File

@ -8,7 +8,7 @@
</ion-tab-button>
<ion-tab-button tab="speakers">
<ion-icon name="contacts"></ion-icon>
<ion-icon name="person-circle"></ion-icon>
<ion-label>Speakers</ion-label>
</ion-tab-button>

View File

@ -25,7 +25,7 @@
</ion-tab-button>
<ion-tab-button tab="tab-speaker">
<ion-icon name="contacts"></ion-icon>
<ion-icon name="person-circle"></ion-icon>
<ion-label>Speakers</ion-label>
</ion-tab-button>

View File

@ -12,7 +12,7 @@ export const TabsExample: React.FC = () => (
</IonTabButton>
<IonTabButton tab="speakers">
<IonIcon name="contacts" />
<IonIcon name="person-circle" />
<IonLabel>Speakers</IonLabel>
</IonTabButton>

View File

@ -32,7 +32,7 @@
<!-- Provide a custom route to navigate to -->
<ion-tab-button tab="speakers" :to="{ name: 'app.speakers' }">
<ion-icon name="contacts"></ion-icon>
<ion-icon name="person-circle"></ion-icon>
<ion-label>Speakers</ion-label>
</ion-tab-button>