Merge branch 'main' into 5124-participant-import-rework

Author: Borreg0

client/src/app/site/pages/meetings/pages/motions/pages/comments/comments.module.ts

@@ -9,6 +9,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { OpenSlidesTranslationModule } from '@app/site/modules/translations';
 import { CommaSeparatedListingComponent } from '@app/ui/modules/comma-separated-listing';
 import { HeadBarModule } from '@app/ui/modules/head-bar';
@@ -40,6 +41,7 @@ import { CommentSectionSortComponent } from './components/comment-section-sort/c
         MatFormFieldModule,
         MatDialogModule,
         MatInputModule,
+        MatTooltipModule,
         MatCheckboxModule,
         ReactiveFormsModule
     ]

client/src/app/site/pages/meetings/pages/motions/pages/comments/components/comment-section-list/comment-section-list.component.html

@@ -29,7 +29,11 @@ <h1 class="mock-h2" translate>Comment fields</h1>
                                 {{ section.name }}
                             </div>
                             <div class="read">
-                                <os-icon-container icon="visibility">
+                                <os-icon-container
+                                    icon="visibility"
+                                    matTooltipPosition="left"
+                                    [matTooltip]="'Can read' | translate"
+                                >
                                     @if (section.read_groups?.length) {
                                         <ng-container
                                             *ngTemplateOutlet="groupList; context: { groups: section.read_groups }"
@@ -41,7 +45,11 @@ <h1 class="mock-h2" translate>Comment fields</h1>
                                 </os-icon-container>
                             </div>
                             <div class="write">
-                                <os-icon-container icon="edit">
+                                <os-icon-container
+                                    icon="edit"
+                                    matTooltipPosition="left"
+                                    [matTooltip]="'Can write' | translate"
+                                >
                                     @if (section.write_groups?.length) {
                                         <ng-container
                                             *ngTemplateOutlet="groupList; context: { groups: section.write_groups }"
@@ -86,10 +94,10 @@ <h3>{{ 'Groups with write permissions' | translate }}</h3>
                 }
                 <mat-action-row>
                     <button mat-icon-button (click)="openDialog(section)">
-                        <mat-icon>edit</mat-icon>
+                        <mat-icon [matTooltip]="'Edit' | translate">edit</mat-icon>
                     </button>
                     <button mat-icon-button (click)="onDeleteButton(section)">
-                        <mat-icon>delete</mat-icon>
+                        <mat-icon [matTooltip]="'Delete' | translate">delete</mat-icon>
                     </button>
                 </mat-action-row>
             </mat-expansion-panel>