fix: added some adjustments after review

TRACEFOSS-893

Author: fbedarf

INSTALL.md

@@ -31,7 +31,7 @@ The domain of the corresponding backend should be used here.
 An example value could be: `catena-x.net`
 
 `CATENAX_PORTAL_URL`
-This variable points to the CX Portal instance
+This variable is optional and points to the CX Portal instance
 
 # Helm deployment
 

docs/configuration.md

@@ -312,7 +312,7 @@ The domain of the corresponding backend should be used here.
 An example value could be: `catena-x.net`
 
 `CATENAX_PORTAL_URL`
-This variable points to the CX Portal instance
+This variable is optional and points to the CX Portal instance
 
 ## Deployment
 

src/app/modules/core/layout/header/header.component.html

@@ -32,7 +32,7 @@
     </div>
 
     <div class="header--user">
-      <app-button variant="flat" color="primary" class="pr-5" (click)="openDocumentation()">
+      <app-button variant="flat" color="primary" (click)="openDocumentation()">
         <app-text-with-icon iconName="help">{{ 'actions.help' | i18n }}</app-text-with-icon>
       </app-button>
 

src/app/modules/core/layout/header/user-navigation/user-menu.component.html

@@ -30,7 +30,7 @@
     </div>
     <div
       *ngIf="this.isExpanded"
-      [class.fade-in]="isExpanded"
+      [class.expand]="isExpanded"
       class="user-menu-items-container"
       role="menu"
       aria-orientation="vertical"
@@ -45,7 +45,7 @@
 
       <mat-divider></mat-divider>
 
-      <div class="user-menu-items" (click)="openPortalPage()">
+      <div *ngIf="portalUrl" (click)="openPortalPage()" class="user-menu-items">
         <p class="regular-text user-menu-items__label" role="menuitem">
           {{ 'layout.nav.goToPortal' | i18n }}
         </p>
@@ -68,8 +68,8 @@
 
       <mat-divider></mat-divider>
 
-      <div class="user-menu-items">
-        <p class="regular-text user-menu-items__label">
+      <div class="user-menu-language">
+        <p class="user-menu-language__items">
           <app-language-selector></app-language-selector>
         </p>
       </div>

src/app/modules/core/layout/header/user-navigation/user-menu.component.scss

@@ -69,6 +69,14 @@
   @apply block px-4 py-2 cursor-pointer focus:outline-none;
 }
 
+.user-menu-language {
+  @apply flex items-center space-x-2 p-1;
+}
+
+.user-menu-language__items {
+  @apply block px-4 py-2 focus:outline-none;
+}
+
 .user-menu-items__badge {
   @apply ml-4 text-dangerLight font-bold;
 }
@@ -78,59 +86,6 @@
   border-radius: 32px;
 }
 
-.fade-in {
+.expand {
   opacity: 1;
 }
-.fade-inn {
-  -webkit-animation: fade-in 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
-  animation: fade-in 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
-}
-
-.fade-out {
-  -webkit-animation: fade-in 0.2s cubic-bezier(1, 0.565, 0.575, 0.39) both;
-  animation: fade-in 0.2s cubic-bezier(1, 0.565, 0.575, 0.39) both;
-}
-
-/**
- * ----------------------------------------
- * animation fade-in
- * ----------------------------------------
- */
-@-webkit-keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-/**
- * ----------------------------------------
- * animation fade-in
- * ----------------------------------------
- */
-@-webkit-keyframes fade-out {
-  100% {
-    opacity: 1;
-  }
-  0% {
-    opacity: 0;
-  }
-}
-@keyframes fade-out {
-  100% {
-    opacity: 1;
-  }
-  0% {
-    opacity: 0;
-  }
-}

src/app/modules/core/layout/header/user-navigation/user-menu.component.ts

@@ -36,6 +36,7 @@ export class UserMenuComponent {
   public userInitials = '';
   public userDetails = { name: '', email: '', role: '' };
   public activeItem: string = '';
+  public portalUrl = environment.portalUrl;
 
   constructor(private readonly layoutFacade: LayoutFacade, private readonly router: Router) {
     this.userInitials = this.layoutFacade.realName;

src/assets/locales/de/common.json

@@ -23,7 +23,7 @@
     "nav": {
       "openUserMenu": "Benutzermenü öffnen",
       "signOut": "Abmelden",
-      "goToPortal": "TBD: Go to CX Portal"
+      "goToPortal": "Öffne CX Portal"
     }
   },
   "actions": {