mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
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:
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@ export const TabsExample: React.FC = () => (
|
||||
</IonTabButton>
|
||||
|
||||
<IonTabButton tab="speakers">
|
||||
<IonIcon name="contacts" />
|
||||
<IonIcon name="person-circle" />
|
||||
<IonLabel>Speakers</IonLabel>
|
||||
</IonTabButton>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user