batch-of-fixes

angular.json

@@ -211,6 +211,15 @@
                 }
               ]
             },
+            "local-with-proxy-localize-ar": {
+              "localize": ["ar"],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.local-with-proxy.ts"
+                }
+              ]
+            },
             "local-with-proxy-localize-xx": {
               "localize": ["xx"],
               "fileReplacements": [
@@ -347,6 +356,10 @@
               "browserTarget": "ng-orcid:build:local-with-proxy-localize-en",
               "proxyConfig": "src/proxy.conf.qa.mjs"
             },
+            "local-qa-ar": {
+              "browserTarget": "ng-orcid:build:local-with-proxy-localize-ar",
+              "proxyConfig": "src/proxy.conf.qa.mjs"
+            },
             "local-qa-fr": {
               "browserTarget": "ng-orcid:build:local-with-proxy-localize-fr",
               "proxyConfig": "src/proxy.conf.qa.mjs"

package.json

@@ -6,6 +6,7 @@
     "start": "ng serve --configuration=local-qa --host 0.0.0.0",
     "start-sandbox": "ng serve --configuration=local-sandbox --host 0.0.0.0",
     "start:en": "ng serve --configuration=local-qa-en --disable-host-check",
+    "start:ar": "ng serve --configuration=local-qa-ar --disable-host-check",
     "start:fr": "ng serve --configuration=local-qa-fr --disable-host-check",
     "start:xx": "ng serve --configuration=local-qa-xx --disable-host-check",
     "test": "ng test",

src/app/core/title-service/title.service.ts

@@ -14,7 +14,7 @@ import {
 export class TitleService {
   private _displayName: ReplaySubject<string> = new ReplaySubject<string>(1)
 
-  constructor(private _titleService: Title, private _router: Router) {}
+  constructor(private _titleService: Title, private _router: Router, ) {}
 
   init() {
     this._displayName.next('')
@@ -53,7 +53,7 @@ export class TitleService {
   }
 
   setTitle(title: string) {
-    if (title) this._titleService.setTitle(title)
+    if (title) this._titleService.setTitle(title.replace(/-'/g, '−'))
   }
 
   setDisplayName(displayedNameWithId: string) {

src/app/layout/user-menu/user-menu.component.html

@@ -38,9 +38,7 @@
     id="cy-my-orcid"
   >
     <div class="row main-button-container">
-      <div class="col">
         <img src="./assets/vectors/profile-icon.svg" alt="" />
-      </div>
       <div class="col name-container">
         <div class="mat-title">{{ displayName }}</div>
         <div class="mat-caption" i18n="@@ngOrcid.viewMyOrcid">

src/app/layout/user-menu/user-menu.component.scss

@@ -4,7 +4,7 @@
     cursor: pointer;
     padding-bottom: 8px;
     padding-top: 4px;
-    align-items: center;
+    align-items: start;
     width: auto;
     flex-wrap: nowrap;
     max-width: 248px;
@@ -28,6 +28,9 @@
         overflow: hidden;
         text-overflow: ellipsis;
         text-align: left;
+        text-align: left;
+        white-space: initial;
+        word-break: break-word;
       }
     }
   }