diff --git a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.html b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.html index 8560774133..d299dba393 100644 --- a/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.html +++ b/lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.html @@ -1,7 +1,7 @@ -
-

{{title | translate}}

+
+

{{title | translate}}

{{description | translate}}
-
+

{{overTableMessage | translate}}

diff --git a/lib/content-services/src/lib/aspect-list/aspect-list.component.html b/lib/content-services/src/lib/aspect-list/aspect-list.component.html index 304299ae96..e97c642cb2 100644 --- a/lib/content-services/src/lib/aspect-list/aspect-list.component.html +++ b/lib/content-services/src/lib/aspect-list/aspect-list.component.html @@ -7,8 +7,8 @@ [checked]="nodeAspects?.includes(aspect?.entry?.id)" (click)="onCheckBoxClick($event)" (change)="onChange($event, aspect?.entry?.id)"> - -

{{getTitle(aspect)}}

+

{{getTitle(aspect)}}

+ diff --git a/lib/content-services/src/lib/aspect-list/services/dialog-aspect-list.service.ts b/lib/content-services/src/lib/aspect-list/services/dialog-aspect-list.service.ts index d0345670d9..34b22c0282 100644 --- a/lib/content-services/src/lib/aspect-list/services/dialog-aspect-list.service.ts +++ b/lib/content-services/src/lib/aspect-list/services/dialog-aspect-list.service.ts @@ -20,13 +20,14 @@ import { MatDialog } from '@angular/material/dialog'; import { Observable, Subject } from 'rxjs'; import { AspectListDialogComponentData } from '../aspect-list-dialog-data.interface'; import { AspectListDialogComponent } from '../aspect-list-dialog.component'; +import { OverlayContainer } from '@angular/cdk/overlay'; @Injectable({ providedIn: 'root' }) export class DialogAspectListService { - constructor(private dialog: MatDialog) { + constructor(private dialog: MatDialog, private overlayContainer: OverlayContainer) { } openAspectListDialog(nodeId?: string): Observable { @@ -52,11 +53,14 @@ export class DialogAspectListService { data, panelClass, width, + role: 'dialog', disableClose: true }); + this.overlayContainer.getContainerElement().setAttribute('role', 'main'); } close() { this.dialog.closeAll(); + this.overlayContainer.getContainerElement().setAttribute('role', 'region'); } }