- Revert back to ion-icons citing performance issues

VarunS2002 · Nov 4, 2020 · 54ddb59 · 54ddb59
1 parent df64537
commit 54ddb59
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 30 deletions.
diff --git a/tic-tac-toe/src/app/about/about.page.html b/tic-tac-toe/src/app/about/about.page.html
@@ -2,7 +2,7 @@
   <ion-toolbar>
     <ion-buttons slot="start">
       <ion-button id="back" (click)="goHome()">
-        <span class="material-icons">arrow_back</span>
+        <ion-icon name="arrow-back"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-title style="margin-left: -50px">About</ion-title>

diff --git a/tic-tac-toe/src/app/home/home.page.html b/tic-tac-toe/src/app/home/home.page.html
@@ -7,19 +7,19 @@
   <ion-content>
     <ion-item (click)="setTheme(false)" class="ion-activatable" style="margin-left: -15px">
       &nbsp;&nbsp;&nbsp;&nbsp;
-      <span class="material-icons">brightness_6</span>
+      <ion-icon name="contrast-sharp"></ion-icon>
       <ion-label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Switch Theme</ion-label>
       <ion-ripple-effect></ion-ripple-effect>
     </ion-item>
     <ion-item (click)="goTo('about')" class="ion-activatable" style="margin-left: -15px">
       &nbsp;&nbsp;&nbsp;&nbsp;
-      <span class="material-icons">info</span>
+      <ion-icon name="help-outline"></ion-icon>
       <ion-label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;About</ion-label>
       <ion-ripple-effect></ion-ripple-effect>
     </ion-item>
     <ion-item *ngIf="!isBrowser" (click)="alertExit()" class="ion-activatable" style="margin-left: -15px">
       &nbsp;&nbsp;&nbsp;&nbsp;
-      <span class="material-icons">arrow_back</span>
+      <ion-icon name="arrow-back"></ion-icon>
       <ion-label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Exit</ion-label>
       <ion-ripple-effect></ion-ripple-effect>
     </ion-item>

diff --git a/tic-tac-toe/src/assets/font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 b/tic-tac-toe/src/assets/font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2
diff --git a/tic-tac-toe/src/global.scss b/tic-tac-toe/src/global.scss
@@ -24,29 +24,3 @@
 @import "~@ionic/angular/css/text-alignment.css";
 @import "~@ionic/angular/css/text-transformation.css";
 @import "~@ionic/angular/css/flex-utils.css";
-
-/* fallback */
-@font-face {
-  font-family: 'Material Icons';
-  font-style: normal;
-  font-weight: 400;
-  //noinspection CssUnknownTarget
-  src: url('assets/font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
-}
-
-.material-icons {
-  //noinspection CssNoGenericFontName
-  font-family: 'Material Icons';
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: 'liga';
-  -webkit-font-smoothing: antialiased;
-}