[ACS-5675] replace breadcrumbs with H1 tags (#3358)

* rename tabs css class to match the ACA app

* fix incorrect tooltip for close button

* fix close button layout and a11y

* lazy loading for details component

* replace breadcrumbs with H1 tag

* replace breadcrumbs with H1 tag

* cleanup unused playwright pages

* remove breadcrumbs from e2e

* remove line height

projects/aca-content/assets/i18n/ar.json

@@ -408,8 +408,7 @@
         "VERSIONS": "الإصدارات",
         "COMMENTS": "تعليقات",
         "PERMISSIONS": "أذونات",
-        "EXPAND": "يوسع",
-        "CLOSE_LIBRARY": "أغلق المكتبة"
+        "EXPAND": "يوسع"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/cs.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Verze",
         "COMMENTS": "Poznámky",
         "PERMISSIONS": "Oprávnění",
-        "EXPAND": "Rozbalit",
-        "CLOSE_LIBRARY": "Close Library"
+        "EXPAND": "Rozbalit"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/da.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versioner",
         "COMMENTS": "Kommentarer",
         "PERMISSIONS": "Tilladelser",
-        "EXPAND": "Udvid",
-        "CLOSE_LIBRARY": "Luk bibliotek"
+        "EXPAND": "Udvid"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/de.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versionen",
         "COMMENTS": "Kommentare",
         "PERMISSIONS": "Berechtigungen",
-        "EXPAND": "Erweitern",
-        "CLOSE_LIBRARY": "Bibliothek schließen"
+        "EXPAND": "Erweitern"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/en.json

@@ -401,6 +401,7 @@
         },
         "INFO_DRAWER": {
             "TITLE": "Details",
+            "CLOSE": "Close",
             "DATA_LOADING": "Data is loading",
             "TABS": {
                 "PROPERTIES": "Properties",
@@ -408,8 +409,7 @@
                 "VERSIONS": "Versions",
                 "COMMENTS": "Comments",
                 "PERMISSIONS": "Permissions",
-                "EXPAND": "Expand",
-                "CLOSE_LIBRARY": "Close Library"
+                "EXPAND": "Expand"
             }
         },
         "TOOLTIPS": {

projects/aca-content/assets/i18n/es.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versiones",
         "COMMENTS": "Comentarios",
         "PERMISSIONS": "Permisos",
-        "EXPAND": "Ampliar",
-        "CLOSE_LIBRARY": "Cerrar biblioteca"
+        "EXPAND": "Ampliar"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/fi.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versiot",
         "COMMENTS": "Kommentit",
         "PERMISSIONS": "Oikeudet",
-        "EXPAND": "Laajenna",
-        "CLOSE_LIBRARY": "Sulje kirjasto"
+        "EXPAND": "Laajenna"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/fr.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versions",
         "COMMENTS": "Commentaires",
         "PERMISSIONS": "Permissions",
-        "EXPAND": "Développer",
-        "CLOSE_LIBRARY": "Fermer la bibliothèque"
+        "EXPAND": "Développer"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/it.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versioni",
         "COMMENTS": "Commenti",
         "PERMISSIONS": "Autorizzazioni",
-        "EXPAND": "Espandi",
-        "CLOSE_LIBRARY": "Chiudi libreria"
+        "EXPAND": "Espandi"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/ja.json

@@ -408,8 +408,7 @@
         "VERSIONS": "バージョン",
         "COMMENTS": "コメント",
         "PERMISSIONS": "権限",
-        "EXPAND": "展開",
-        "CLOSE_LIBRARY": "ライブラリを閉じる"
+        "EXPAND": "展開"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/nb.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versjoner",
         "COMMENTS": "Kommentarer",
         "PERMISSIONS": "Tillatelser",
-        "EXPAND": "Utvid",
-        "CLOSE_LIBRARY": "Lukk bibliotek"
+        "EXPAND": "Utvid"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/nl.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versies",
         "COMMENTS": "Opmerkingen",
         "PERMISSIONS": "Rechten",
-        "EXPAND": "Uitvouwen",
-        "CLOSE_LIBRARY": "Bibliotheek sluiten"
+        "EXPAND": "Uitvouwen"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/pl.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Wersje",
         "COMMENTS": "Komentarze",
         "PERMISSIONS": "Uprawnienia",
-        "EXPAND": "Rozwiń",
-        "CLOSE_LIBRARY": "Zamknij bibliotekę"
+        "EXPAND": "Rozwiń"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/pt-BR.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versões",
         "COMMENTS": "Comentários",
         "PERMISSIONS": "Permissões",
-        "EXPAND": "Expandir",
-        "CLOSE_LIBRARY": "Fechar biblioteca"
+        "EXPAND": "Expandir"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/ru.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Версии",
         "COMMENTS": "Комментарии",
         "PERMISSIONS": "Разрешения",
-        "EXPAND": "Развернуть",
-        "CLOSE_LIBRARY": "Закрыть библиотеку"
+        "EXPAND": "Развернуть"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/sv.json

@@ -408,8 +408,7 @@
         "VERSIONS": "Versioner",
         "COMMENTS": "Kommentarer",
         "PERMISSIONS": "Behörigheter",
-        "EXPAND": "Expandera",
-        "CLOSE_LIBRARY": "Stäng bibliotek"
+        "EXPAND": "Expandera"
       }
     },
     "TOOLTIPS": {

projects/aca-content/assets/i18n/zh-CN.json

@@ -408,8 +408,7 @@
         "VERSIONS": "版本",
         "COMMENTS": "注释",
         "PERMISSIONS": "权限",
-        "EXPAND": "展开",
-        "CLOSE_LIBRARY": "关闭库"
+        "EXPAND": "展开"
       }
     },
     "TOOLTIPS": {

projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html

@@ -6,7 +6,7 @@
         <mat-icon>arrow_back</mat-icon>
       </button>
     </adf-toolbar>
-    <adf-breadcrumb root="{{'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate}}"></adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}</h1>
   </div>
 
   <div class="aca-page-layout-content">
@@ -22,8 +22,7 @@
 
             <adf-toolbar-title class="aca-manage-rules__actions-bar__title">
               <mat-icon class="icon-aligner">folder</mat-icon>
-              <adf-breadcrumb root="{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}"
-                              class="aca-manage-rules__actions-bar__title__breadcrumb"></adf-breadcrumb>
+              <h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}</h2>
             </adf-toolbar-title>
 
             <mat-slide-toggle

projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss

@@ -4,14 +4,14 @@
     display: flex;
     align-items: center;
 
+    .aca-page-title {
+      margin-left: 18px;
+    }
+
     &__title {
       align-items: center;
       width: unset !important;
       flex: 1;
-
-      &__breadcrumb {
-        margin-left: 18px;
-      }
     }
 
     &__buttons {
@@ -23,7 +23,6 @@
     .mat-slide-toggle-label {
       font-weight: 600;
       font-size: 14px;
-      color: var(--adf-breadcrumb-item-active-color);
     }
 
     .vertical-divider {

projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.ts

@@ -32,7 +32,7 @@ import { NodeInfo } from '@alfresco/aca-shared/store';
 import { delay, takeUntil } from 'rxjs/operators';
 import { EditRuleDialogUiComponent } from '../rule-details/edit-rule-dialog.ui-component';
 import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { BreadcrumbModule, ConfirmDialogComponent } from '@alfresco/adf-content-services';
+import { ConfirmDialogComponent } from '@alfresco/adf-content-services';
 import { NotificationService, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
 import { ActionDefinitionTransformed } from '../model/rule-action.model';
 import { ActionsService } from '../services/actions.service';
@@ -59,7 +59,6 @@ import { RuleDetailsUiComponent } from '../rule-details/rule-details.ui-componen
     ToolbarModule,
     MatButtonModule,
     MatIconModule,
-    BreadcrumbModule,
     MatProgressBarModule,
     MatSlideToggleModule,
     MatDividerModule,

projects/aca-content/src/lib/components/details/details.component.html

@@ -17,22 +17,31 @@
           -
           <span class="acs-details-breadcrumb-item">{{ 'APP.INFO_DRAWER.TITLE' | translate }}</span>
         </div>
-        <div class="acs-close-members-container">
-          <button mat-icon-button data-automation-id="close-library" title="{{ 'APP.INFO_DRAWER.CLOSE_LIBRARY' | translate }}" (click)="goBack()">
-            <mat-icon>close</mat-icon>
-          </button>
-        </div>
+        <button
+          class="aca-close-details-button"
+          mat-icon-button
+          data-automation-id="close-library"
+          title="{{ 'APP.INFO_DRAWER.CLOSE' | translate }}"
+          (click)="goBack()">
+          <mat-icon>close</mat-icon>
+        </button>
       </div>
 
-      <mat-tab-group [selectedIndex]="activeTab" class="adw-details-tabs">
+      <mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0">
         <mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}">
-          <app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"> </app-metadata-tab>
+          <ng-template matTabContent>
+            <app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-metadata-tab>
+          </ng-template>
         </mat-tab>
         <mat-tab label="{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}">
-          <app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"> </app-comments-tab>
+          <ng-template matTabContent>
+            <app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-comments-tab>
+          </ng-template>
         </mat-tab>
         <mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}">
-          <adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
+          <ng-template matTabContent>
+            <adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
+          </ng-template>
         </mat-tab>
       </mat-tab-group>
     </div>
@@ -40,5 +49,5 @@
 </aca-page-layout>
 
 <ng-template #loading>
-  <mat-progress-bar color="primary" mode="indeterminate"> </mat-progress-bar>
+  <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
 </ng-template>

projects/aca-content/src/lib/components/details/details.component.scss

@@ -1,9 +1,23 @@
+app-details-manager {
+  .aca-close-details-button {
+    margin-right: 15px;
+    margin-top: 2px;
+    outline: none;
+    border-radius: 4px;
+
+    &:focus-visible {
+      outline: 2px solid var(--theme-blue-button-color);
+      border-radius: 4px;
+    }
+  }
+}
+
 .acs-details-container {
   background-color: var(--theme-card-background-color);
   width: 100%;
 }
 
-.adw-details-tabs {
+.aca-details-tabs {
   margin-top: 40px;
   height: calc(100% - 80px);
 
@@ -21,10 +35,6 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-
-  .acs-close-members-container {
-    margin-right: 15px;
-  }
 }
 
 .acs-details-breadcrumb {

projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html

@@ -1,6 +1,6 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE"> </adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE' | translate }}</h1>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.ts

@@ -37,14 +37,14 @@ import { NavigateLibraryAction } from '@alfresco/aca-shared/store';
 import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule, UserPreferencesService } from '@alfresco/adf-core';
 import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
-import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
+import { DocumentListModule } from '@alfresco/adf-content-services';
 import { DocumentListDirective } from '../../directives/document-list.directive';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   standalone: true,
   imports: [
     CommonModule,
-    BreadcrumbModule,
     ToolbarModule,
     DocumentListModule,
     DocumentListDirective,
@@ -55,7 +55,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
     PaginationModule,
     InfoDrawerComponent,
     ToolbarActionComponent,
-    PageLayoutComponent
+    PageLayoutComponent,
+    TranslateModule
   ],
   templateUrl: './favorite-libraries.component.html',
   encapsulation: ViewEncapsulation.None

projects/aca-content/src/lib/components/favorites/favorites.component.html

@@ -1,6 +1,6 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb root="APP.BROWSE.FAVORITES.TITLE"> </adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'APP.BROWSE.FAVORITES.TITLE' | translate }}</h1>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

projects/aca-content/src/lib/components/favorites/favorites.component.ts

@@ -36,15 +36,15 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { debounceTime, map } from 'rxjs/operators';
 import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
-import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
+import { DocumentListModule } from '@alfresco/adf-content-services';
 import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
 import { DocumentListDirective } from '../../directives/document-list.directive';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   standalone: true,
   imports: [
     CommonModule,
-    BreadcrumbModule,
     ToolbarModule,
     DocumentListModule,
     DocumentListDirective,
@@ -56,7 +56,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
     PaginationDirective,
     InfoDrawerComponent,
     ToolbarActionComponent,
-    PageLayoutComponent
+    PageLayoutComponent,
+    TranslateModule
   ],
   templateUrl: './favorites.component.html',
   encapsulation: ViewEncapsulation.None

projects/aca-content/src/lib/components/libraries/libraries.component.html

@@ -1,6 +1,6 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE"> </adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE' | translate }}</h1>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

projects/aca-content/src/lib/components/libraries/libraries.component.ts

@@ -36,15 +36,15 @@ import {
 } from '@alfresco/aca-shared';
 import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
-import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
+import { DocumentListModule } from '@alfresco/adf-content-services';
 import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
 import { DocumentListDirective } from '../../directives/document-list.directive';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   standalone: true,
   imports: [
     CommonModule,
-    BreadcrumbModule,
     ToolbarModule,
     DocumentListModule,
     DocumentListDirective,
@@ -56,7 +56,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
     PaginationDirective,
     InfoDrawerComponent,
     ToolbarActionComponent,
-    PageLayoutComponent
+    PageLayoutComponent,
+    TranslateModule
   ],
   templateUrl: './libraries.component.html',
   encapsulation: ViewEncapsulation.None

projects/aca-content/src/lib/components/recent-files/recent-files.component.html

@@ -1,6 +1,6 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb root="APP.BROWSE.RECENT.TITLE"> </adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'APP.BROWSE.RECENT.TITLE' | translate }}</h1>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

projects/aca-content/src/lib/components/recent-files/recent-files.component.ts

@@ -35,15 +35,15 @@ import {
 } from '@alfresco/aca-shared';
 import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
-import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
+import { DocumentListModule } from '@alfresco/adf-content-services';
 import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
 import { DocumentListDirective } from '../../directives/document-list.directive';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   standalone: true,
   imports: [
     CommonModule,
-    BreadcrumbModule,
     ToolbarModule,
     DocumentListModule,
     DocumentListDirective,
@@ -55,7 +55,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
     PaginationDirective,
     InfoDrawerComponent,
     ToolbarActionComponent,
-    PageLayoutComponent
+    PageLayoutComponent,
+    TranslateModule
   ],
   templateUrl: './recent-files.component.html',
   encapsulation: ViewEncapsulation.None

projects/aca-content/src/lib/components/shared-files/shared-files.component.html

@@ -1,6 +1,6 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb root="APP.BROWSE.SHARED.TITLE"></adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'APP.BROWSE.SHARED.TITLE' | translate }}</h1>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

projects/aca-content/src/lib/components/shared-files/shared-files.component.ts

@@ -36,15 +36,15 @@ import {
 } from '@alfresco/aca-shared';
 import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
-import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
+import { DocumentListModule } from '@alfresco/adf-content-services';
 import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
 import { DocumentListDirective } from '../../directives/document-list.directive';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   standalone: true,
   imports: [
     CommonModule,
-    BreadcrumbModule,
     ToolbarModule,
     DocumentListModule,
     DocumentListDirective,
@@ -56,7 +56,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
     InfoDrawerComponent,
     PaginationDirective,
     ToolbarActionComponent,
-    PageLayoutComponent
+    PageLayoutComponent,
+    TranslateModule
   ],
   templateUrl: './shared-files.component.html',
   encapsulation: ViewEncapsulation.None

projects/aca-content/src/lib/components/trashcan/trashcan.component.html

@@ -1,6 +1,6 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb root="APP.BROWSE.TRASHCAN.TITLE"> </adf-breadcrumb>
+    <h1 class="aca-page-title">{{ 'APP.BROWSE.TRASHCAN.TITLE' | translate }}</h1>
 
     <adf-toolbar class="adf-toolbar--inline">
       <ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

projects/aca-content/src/lib/components/trashcan/trashcan.component.ts

@@ -28,7 +28,7 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ContextActionsDirective, PageComponent, PageLayoutComponent, PaginationDirective, ToolbarActionComponent } from '@alfresco/aca-shared';
 import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
-import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
+import { DocumentListModule } from '@alfresco/adf-content-services';
 import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
 import { DocumentListDirective } from '../../directives/document-list.directive';
 
@@ -37,7 +37,6 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
   imports: [
     CommonModule,
     TranslateModule,
-    BreadcrumbModule,
     ToolbarModule,
     DocumentListModule,
     TemplateModule,

projects/aca-content/src/lib/ui/application.scss

@@ -59,3 +59,14 @@ ng-component {
   max-width: 350px;
   width: 350px;
 }
+
+.aca-page-title {
+  cursor: default;
+  font-size: 20px;
+  font-weight: 400;
+  letter-spacing: 0.15px;
+  line-height: 33px;
+  margin: 0;
+  color: var(--adf-theme-foreground-text-color-087);
+  width: 100%;
+}

projects/aca-content/src/lib/ui/overrides/ay11.scss

@@ -45,19 +45,6 @@
     }
   }
 
-  .acs-close-members-container {
-    .mat-icon-button {
-      outline: none;
-      line-height: 36px !important;
-
-      @include rounded-border(transparent);
-
-      &:focus-visible {
-        @include rounded-border;
-      }
-    }
-  }
-
   .adf-search-user-button,
   .app-search-button {
     line-height: 36px !important;