Merge pull request #7916 from jwangyangls/modifyMultilingualism

Fix bug when we use language with pt-br; change the harbor version from 1.7.x to 1.8

src/portal/lib/package.json

 {
     "name": "@harbor/ui",
-    "version": "1.7.4-rc2",
+    "version": "1.8.0-rc2",
     "description": "Harbor shared UI components based on Clarity and Angular7",
     "author": "CNCF",
     "module": "index.js",

src/portal/package-lock.json

 {
     "name": "harbor",
-    "version": "1.7.1",
+    "version": "1.8.0",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {

src/portal/package.json

 {
   "name": "harbor",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "description": "Harbor UI with Clarity",
   "angular-cli": {},
   "scripts": {

src/portal/src/app/app.module.ts

@@ -32,6 +32,7 @@ import { ProjectConfigComponent } from './project/project-config/project-config.
 import zh from '@angular/common/locales/zh-Hans';
 import es from '@angular/common/locales/es';
 import localeFr from '@angular/common/locales/fr';
+import localePt from '@angular/common/locales/pt-PT';
 import { DevCenterComponent } from './dev-center/dev-center.component';
 import { VulnerabilityPageComponent } from './vulnerability-page/vulnerability-page.component';
 import { GcPageComponent } from './gc-page/gc-page.component';
@@ -39,6 +40,7 @@ import { OidcOnboardModule } from './oidc-onboard/oidc-onboard.module';
 registerLocaleData(zh, 'zh-cn');
 registerLocaleData(es, 'es-es');
 registerLocaleData(localeFr, 'fr-fr');
+registerLocaleData(localePt, 'pt-br');
 
 
 export function initConfig(configService: AppConfigService, skinableService: SkinableConfig) {

src/portal/src/app/base/navigator/navigator.component.scss

@@ -41,7 +41,8 @@
 }
 
 .nav-icon-width {
-    width: 98px !important;
+    width: auto !important;
+    padding-left: 18px !important;
     .icon-left {
         left: -8px;
     }