Merge branch 'dmp-refactoring' of https://code-repo.d4science.org/MaDgiK-CITE/argos into dmp-refactoring

dmp-frontend/src/app/ui/navbar/navbar.component.html

@@ -28,7 +28,7 @@
 						<mat-icon class="mr-2">language</mat-icon><span class="text-uppercase">{{selectedLanguage}}</span>
 						<mat-icon>arrow_drop_down</mat-icon>
 					</button>
-					<mat-menu #languageMenu="matMenu" class="lang-parent">
+					<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 						<app-language (languageChange)="getLanguage($event)" class="d-lg-block d-none"></app-language>
 					</mat-menu>
 				</div>
@@ -37,12 +37,12 @@
 						<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
 						<mat-icon class="m-0">arrow_drop_down</mat-icon>
 					</button>
-					<mat-menu #tenantMenu="matMenu" class="lang-parent">
+					<mat-menu #tenantMenu="matMenu" class="nav-mat-menu">
 						<app-tenant-switch class="d-lg-block d-none"></app-tenant-switch>
 					</mat-menu>	
 				</div>
 				<div class="col-auto" *ngIf="isAuthenticated() && authentication.hasPermission(authentication.permissionEnum.ViewMineInAppNotificationPage)">
-					<mat-menu #languageMenu="matMenu" class="lang-parent">
+					<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 						<app-language (languageChange)="getLanguage($event)"></app-language>
 					</mat-menu>
 					<button class="col-auto" mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()">
@@ -87,7 +87,7 @@
 								<mat-icon class="mr-2">language</mat-icon><span class="text-uppercase">{{selectedLanguage}}</span>
 								<mat-icon>arrow_drop_down</mat-icon>
 							</button>
-							<mat-menu #languageMenu="matMenu" class="lang-parent">
+							<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 								<app-language (languageChange)="getLanguage($event)"></app-language>
 							</mat-menu>
 							<ng-container *ngIf="isAuthenticated()">
@@ -95,7 +95,7 @@
 									<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
 									<mat-icon class="m-0">arrow_drop_down</mat-icon>
 								</button>
-								<mat-menu #tenantMenu="matMenu" class="lang-parent">
+								<mat-menu #tenantMenu="matMenu" class="nav-mat-menu">
 									<app-tenant-switch></app-tenant-switch>
 								</mat-menu>	
 							</ng-container>

dmp-frontend/src/app/ui/navbar/navbar.component.scss

@@ -93,7 +93,7 @@ $mat-card-header-size: 40px !default;
   transform: rotate(45deg) translate(-4px, -4px);
 }
 
-::ng-deep.lang-parent {
+::ng-deep.nav-mat-menu {
   width: fit-content !important;
   min-width: auto !important;
 }
@@ -151,3 +151,9 @@ $mat-card-header-size: 40px !default;
   padding-bottom: 1em !important;
   height: auto !important;
 }
+
+::ng-deep .nav-mat-menu {
+  .mat-mdc-menu-content {
+    padding: 0 !important;
+  }
+}