wip: move about

gisaia · Dec 20, 2024 · 02031dd · 02031dd
1 parent 76bf00e
commit 02031dd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/app/components/action-menu/action-menu.component.html b/src/app/components/action-menu/action-menu.component.html
@@ -6,7 +6,6 @@
 
 <arlas-download #download [collections]="collections" [hidden]="true"></arlas-download>
 
-
 <arlas-bookmark-menu #bookmarkMenu></arlas-bookmark-menu>
 
 <arlas-about #about [pathToMd]="aboutFile" [extraTextData]="extraAboutText"></arlas-about>
@@ -46,8 +45,8 @@
   </button>
 
   <!-- Information -->
-  <button mat-icon-button *ngIf="showAboutButton()" matTooltip="{{ 'About' | translate }} {{ wuiName() }} {{ version() }}"
-          (click)="displayAbout()">
+  <button mat-menu-item *ngIf="showAboutButton()" (click)="displayAbout()">
     <mat-icon class="icon">info_outline</mat-icon>
+    <span>{{ 'About' | translate }} {{ wuiName() }} {{ version() }}</span>
   </button>
 </mat-menu>
diff --git a/src/app/components/arlas-wui-root/arlas-wui-root.component.html b/src/app/components/arlas-wui-root/arlas-wui-root.component.html
@@ -11,12 +11,12 @@
       </arlas-filter>
     </div>
 
-    <div right-menu class="title" id="title">
+    <div right-menu class="right-menu-container" id="title">
       <arlas-permissions-creator></arlas-permissions-creator>
       <mat-divider vertical class="vertical-divider"></mat-divider>
-      {{appName | translate}}
+      <span>{{appName | translate}}</span>
+      <arlas-action-menu [wuiName]="'ARLAS WUI'" [version]="version" [collections]="collections"></arlas-action-menu>
     </div>
-    <!--<arlas-action-menu [wuiName]="'ARLAS WUI'" [version]="version" [collections]="collections"></arlas-action-menu>-->
   </arlas-top-menu>
 
   <mat-sidenav-container class="sidenav-container">

diff --git a/src/app/components/arlas-wui-root/arlas-wui-root.component.scss b/src/app/components/arlas-wui-root/arlas-wui-root.component.scss
@@ -461,9 +461,10 @@
   border-bottom: $menu-border;
 }
 
-.title {
+.right-menu-container {
   font-size: $title-font-size;
   display: flex;
+  align-items: center;
   mat-divider {
     margin: 0 $sm-margin;
   }