all: smoother navigation icons (fixes #7980) (#7982)

Co-authored-by: mutugiii <[email protected]> Co-authored-by: dogi <[email protected]>
open-learning-exchange · Jan 10, 2025 · 19a772a · 19a772a
1 parent 1c0f87c
commit 19a772a
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 44 deletions.
diff --git a/package.json b/package.json
@@ -1,10 +1,10 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.16.49",
+  "version": "0.16.50",
   "myplanet": {
-    "latest": "v0.21.81",
-    "min": "v0.20.81"
+    "latest": "v0.21.88",
+    "min": "v0.20.88"
   },
   "scripts": {
     "ng": "ng",

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
@@ -49,7 +49,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
       <ng-container *planetAuthorizedRoles>
         <button mat-icon-button planetSync i18n-title title="Sync" *ngIf="onlineStatus === 'accepted'"><mat-icon svgIcon="feedback"></mat-icon></button>
       </ng-container>
-      <button mat-icon-button routerLink="/manager" i18n-title title="Manager Settings" *planetAuthorizedRoles="'manager,monitor'"><mat-icon svgIcon="usersettings"></mat-icon></button>
+      <button mat-icon-button routerLink="/manager" i18n-title title="Manager Settings" *planetAuthorizedRoles="'manager,monitor'"><mat-icon>settings</mat-icon></button>
       <planet-language></planet-language>
     </span>
     <ng-container *planetAuthorizedRoles="'learner'">
@@ -109,7 +109,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
               planetPulsateIcon
               i18n-title title="Community"
               [routerLinkActiveOptions]="{exact:true}">
-              <mat-icon svgIcon="home"></mat-icon>
+              <mat-icon>home</mat-icon>
               <label i18n>Community</label>
             </a>
           </li>
@@ -119,7 +119,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
               planetPulsateIcon
               i18n-title title="Nation"
               [routerLinkActiveOptions]="{exact:true}">
-              <mat-icon svgIcon="home"></mat-icon>
+              <mat-icon>library_books</mat-icon>
               <label i18n>Nation</label>
             </a>
           </li>
@@ -129,7 +129,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
             routerLinkActive="active"
             planetPulsateIcon
             i18n-title title="Dashboard">
-            <mat-icon>turned_in_not</mat-icon>
+            <mat-icon>dashboard</mat-icon>
             <label i18n>myDashboard</label>
           </a>
         </li>
@@ -138,7 +138,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
             routerLinkActive="active"
             planetPulsateIcon
             i18n-title title="Library">
-            <mat-icon svgIcon="myLibrary"></mat-icon>
+            <mat-icon>folder</mat-icon>
             <label i18n>Library</label>
           </a>
         </li>
@@ -147,7 +147,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
             routerLinkActive="active"
             planetPulsateIcon
             i18n-title title="Courses">
-            <mat-icon svgIcon="myCourses"></mat-icon>
+            <mat-icon>school</mat-icon>
             <label i18n>Courses</label>
           </a>
         </li>
@@ -156,7 +156,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
             routerLinkActive="active"
             planetPulsateIcon
             i18n-title title="Teams">
-            <mat-icon svgIcon="myTeams"></mat-icon>
+            <mat-icon>groups</mat-icon>
             <label i18n>Teams</label>
           </a>
         </li>
@@ -165,7 +165,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
             routerLinkActive="active"
             planetPulsateIcon
             i18n-title title="Enterprises">
-            <mat-icon>business</mat-icon>
+            <mat-icon>work</mat-icon>
             <label i18n>Enterprises</label>
           </a>
         </li>
@@ -187,7 +187,7 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
       <ul class="bottom-nav">
         <li>
           <a mat-button routerLink="/chat" i18n-title title="Chat">
-            <mat-icon>chat_bubble_outline</mat-icon>
+            <mat-icon>question_answer</mat-icon>
             <label i18n>Chat</label>
           </a>
         </li>
@@ -199,20 +199,23 @@ <h1><ng-container>Planet</ng-container> {{planetName}}</h1>
         </li>
         <li>
           <a mat-button routerLink="/feedback" i18n-title title="Messages">
-            <mat-icon>mail_outline</mat-icon>
+            <mat-icon>mail</mat-icon>
             <label i18n>Messages</label>
           </a>
         </li>
         <ng-container *planetAuthorizedRoles="'manager,monitor'">
           <li>
             <a mat-button routerLink="/manager" i18n-title title="Manager Settings">
-              <mat-icon svgIcon="usersettings"></mat-icon>
+              <mat-icon>settings</mat-icon>
               <label i18n>Manager Settings</label>
             </a>
           </li>
         </ng-container>
-        <li style="text-align: center;">
-          <planet-language [iconOnly]="layout === 'modern' || forceModern"></planet-language>
+        <li>
+          <a mat-button (click)="openLanguageDialog()" i18n-title title="Change Language">
+            <mat-icon>translate</mat-icon>
+            <label *ngIf="sidenavState === 'open'" i18n>Language</label>
+          </a>
         </li>
         <ng-container *planetAuthorizedRoles>
           <li *ngIf="onlineStatus === 'accepted'">

diff --git a/src/assets/icons/logout.svg b/src/assets/icons/logout.svg